.page-centered{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.5rem;background:radial-gradient(circle at top,#f0f4ff,transparent 60%),radial-gradient(circle at bottom,#f5f9ff,transparent 65%)}.auth-card,.profile-card{width:min(420px,100%);padding:2.5rem;border-radius:1.5rem;background:#ffffffe6;box-shadow:0 20px 45px #2e5bff14,0 0 0 1px #4c75ff08;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-card h1,.profile-card h1{margin:0;font-size:1.75rem;font-weight:700;color:#141a29}.auth-subtitle{margin:.5rem 0 1.75rem;color:#536184;font-size:.95rem}.social-actions{display:flex;flex-direction:column;gap:.75rem}.social-button{width:100%;padding:.75rem 1rem;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.social-button.google{color:#2c3e50;background:#fff;border-color:#3c42572e}.social-button.facebook{color:#fff;background:linear-gradient(135deg,#1877f2,#255ee9);border-color:transparent}.social-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a14}.divider{display:flex;align-items:center;margin:1.75rem 0 1.25rem;color:#536184b8;font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(83,97,132,.2),transparent)}.divider span{padding:0 1rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#38435f}.auth-field input{height:2.75rem;border-radius:.85rem;padding:0 1rem;border:1px solid rgba(83,97,132,.22);background:#ffffffd9;transition:border .2s ease,box-shadow .2s ease;font-size:.95rem}.auth-field input:focus{outline:none;border-color:#4c75ff73;box-shadow:0 0 0 3px #4c75ff2e}.auth-error{margin:0;padding:.85rem;border-radius:.85rem;background:#f43f5e1f;color:#b42318;font-size:.85rem}.primary-button,.secondary-button{width:100%;padding:.85rem;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease}.primary-button{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.secondary-button{margin-top:2rem;color:#2563eb;background:#2563eb14}.primary-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.primary-button:not(:disabled):hover,.secondary-button:hover,.social-button:hover{transform:translateY(-1px)}.switch-mode{margin-top:1.5rem;text-align:center;font-size:.9rem;color:#60708f}.link-button{color:#2563eb;border:none;background:transparent;padding:0;font-size:.9rem;font-weight:600;cursor:pointer}.profile-card{display:flex;flex-direction:column;gap:1.5rem}.profile-body{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.profile-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid rgba(37,99,235,.18);box-shadow:0 10px 20px #2563eb1f}.profile-avatar--placeholder{display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#2563eb;background:#2563eb1f}.profile-details dl{margin:0;display:grid;gap:.75rem}.profile-details dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.profile-details dd{margin:.15rem 0 0;font-size:1.05rem;font-weight:600;color:#1f2937}@media(min-width:640px){.profile-body{flex-direction:row;text-align:left;align-items:center}.profile-details dl{gap:1rem}}:root{font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f5f7ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(160deg,#eef2ff,#f8fafc 65%,#fff)}#root{min-height:100vh}button{font-family:inherit}a{color:inherit}