.auth-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:2rem 1rem}.auth-card{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:440px;padding:2.5rem;width:100%}.verify-email-card{max-width:500px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{color:#1a1a2e;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.auth-header p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0}.auth-form{gap:1.25rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#374151;font-size:.875rem;font-weight:600}.form-group input{background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease}.form-group input:focus{background:#fff;border-color:#111827;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.form-group.has-error input{background:#fef2f2;border-color:#ef4444}.form-group.has-error input:focus{box-shadow:0 0 0 3px #ef44441a}.field-error{align-items:center;color:#ef4444;display:flex;font-size:.8rem;gap:.25rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3rem;width:100%}.password-toggle{background:none;border:none;cursor:pointer;font-size:1.1rem;opacity:.6;padding:.5rem;position:absolute;right:.75rem;transition:opacity .2s}.password-toggle:hover{opacity:1}.password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.strength-bar{background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.strength-label{font-size:.75rem;font-weight:600;min-width:80px;text-align:right}.password-requirements{background:#f3f4f6;border-radius:8px;margin-top:.5rem;padding:1rem}.password-requirements p{color:#4b5563;font-size:.8rem;font-weight:600;margin:0 0 .5rem}.password-requirements ul{color:#6b7280;font-size:.8rem;margin:0;padding-left:1.25rem}.password-requirements li{margin-bottom:.25rem;transition:color .2s}.password-requirements li.met{color:#10b981}.password-requirements li.met::marker{content:"✓ "}.password-match{font-size:.8rem;margin-top:.25rem}.password-match.match{color:#10b981}.password-match.no-match{color:#ef4444}.btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#111827,#1f2937);box-shadow:0 4px 14px #3b82f64d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-link{background:none;color:#111827;padding:.5rem}.btn-link:hover{text-decoration:underline}.btn-link.inline{display:inline;font-size:inherit;padding:0}.btn-block{width:100%}.error-message{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:.9rem;gap:.5rem;padding:.875rem 1rem}.error-icon{align-items:center;background:#dc2626;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:18px;justify-content:center;width:18px}.success-message{padding:1rem 0;text-align:center}.success-message h2{color:#059669;margin:1rem 0 .5rem}.success-message p{color:#6b7280;margin:0 0 1rem}.verification-content{padding:1rem 0}.verification-status{padding:2rem 1rem;text-align:center}.verification-status h2{margin:1rem 0 .5rem}.verification-status p{color:#6b7280;margin:.5rem 0}.verification-status.loading{color:#6b7280}.verification-status.success h2{color:#059669}.verification-status.error h2{color:#dc2626}.verification-status.invalid h2{color:#d97706}.status-icon{align-items:center;border-radius:50%;display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto;width:64px}.success-icon{background:#d1fae5;color:#059669}.error-icon.status-icon{background:#fee2e2;color:#dc2626;font-size:2rem;height:64px;width:64px}.warning-icon{background:#fef3c7;color:#d97706}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#111827;height:40px;margin:0 auto 1rem;width:40px}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.auth-links{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-links a{color:#111827;font-size:.9rem;font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-links .separator{color:#d1d5db;margin:0 .75rem}.action-links{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.help-text{margin-top:1rem}.help-text,.redirect-notice{color:#6b7280;font-size:.875rem}.redirect-notice{margin:1rem 0}.terms-text{color:#6b7280;font-size:.8rem;margin-top:1rem;text-align:center}.terms-text a{color:#111827;text-decoration:none}.terms-text a:hover{text-decoration:underline}@media (max-width:480px){.auth-container{align-items:flex-start;padding:2rem .5rem 1rem}.auth-card{border-radius:12px;padding:1.5rem}.auth-header h1{font-size:1.5rem}.form-group input{padding:.75rem}.btn{padding:.75rem 1rem}.status-icon{font-size:1.5rem;height:56px;width:56px}.action-links{flex-direction:column}}:root{--color-bg:#fff;--color-bg-subtle:#fafafa;--color-bg-muted:#f5f5f5;--color-fg:#111827;--color-fg-muted:#6b7280;--color-fg-subtle:#9ca3af;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-border-focus:var(--color-fg);--color-success:#059669;--color-error:#dc2626;--color-warning:#d97706;--color-info:#6b7280;--color-hover-bg:#0000000a;--color-active-bg:#00000014;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:24px;--font-size-xxl:32px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.2;--line-height-snug:1.3;--line-height-normal:1.5;--radius-none:0px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--motion-fast:150ms;--motion-normal:250ms;--motion-slow:350ms;--motion-easing:ease-out;--touch-min:44px;--touch-preferred:48px;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--breakpoint-desktop:1280px}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0.01ms;--motion-normal:0.01ms;--motion-slow:0.01ms}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-md);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-family);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal)}h1{font-size:var(--font-size-xxl);letter-spacing:-.02em;line-height:var(--line-height-tight);margin:0}h1,h2{color:var(--color-fg);font-weight:var(--font-weight-semibold)}h2{font-size:var(--font-size-xl);letter-spacing:-.01em;text-align:center}h2,h3{line-height:var(--line-height-snug)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}h3,p{color:var(--color-fg)}p{font-size:var(--font-size-md);line-height:var(--line-height-normal);margin-bottom:var(--space-4)}a{color:var(--color-fg);text-decoration:underline;text-underline-offset:2px;transition:opacity var(--motion-fast) ease-out}a:hover{opacity:.7}::selection{background-color:var(--color-fg);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;min-height:0}