body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#1c1d1f 0,#2d3436 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-page-wrapper{width:100%;display:flex;justify-content:center}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:2.5rem 2rem;width:100%;max-width:440px}.auth-logo{text-align:center;margin-bottom:1.75rem}.auth-logo a{text-decoration:none}.auth-logo-text{font-size:1.75rem;font-weight:700;color:#1c1d1f;letter-spacing:-.5px}.auth-logo-accent{color:#667eea}.auth-title{font-size:1.5rem;font-weight:700;color:#1c1d1f;text-align:center;margin-bottom:.35rem}.auth-subtitle{font-size:.9rem;color:#6c757d;text-align:center;margin-bottom:1.5rem}.auth-alert{font-size:.875rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.social-buttons{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.btn-social{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.7rem 1rem;min-height:44px;font-size:.9rem;font-weight:500;border-radius:8px;transition:all .15s ease;cursor:pointer}.btn-google{background:#fff;color:#3c4043;border:1px solid #dadce0}.btn-google:hover{background:#f8f9fa;border-color:#bdc1c6;box-shadow:0 1px 4px rgba(0,0,0,.1)}.btn-facebook{background:#1877f2;color:#fff;border:1px solid #1877f2}.btn-facebook:hover{background:#166fe5;border-color:#166fe5;box-shadow:0 1px 4px rgba(0,0,0,.15)}.social-icon{width:20px;height:20px;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:#adb5bd;font-size:.8125rem}.auth-divider::after,.auth-divider::before{content:'';flex:1;height:1px;background:#dee2e6}.form-label{font-size:.875rem;font-weight:500;color:#495057;margin-bottom:.375rem;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.form-control{border-radius:8px;border-color:#dee2e6;padding:.625rem .875rem;font-size:16px;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.form-text{font-size:.8rem;color:#6c757d;margin-top:.3rem}.input-password-wrapper{position:relative}.input-password-wrapper .form-control{padding-right:2.75rem}.btn-toggle-password{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#adb5bd;cursor:pointer;padding:0;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;line-height:1;transition:color .15s}.btn-toggle-password:hover{color:#6c757d}.btn-auth-primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;min-height:44px;font-size:.9rem;font-weight:600;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.btn-auth-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6 0,#6a4190 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.35);color:#fff}.btn-auth-primary:disabled{opacity:.75;cursor:not-allowed;transform:none;box-shadow:none}.btn-link-inline{background:0 0;border:none;padding:0;color:#667eea;font-size:inherit;font-weight:500;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.btn-link-inline:hover{text-decoration-color:#667eea}.btn-link-block{display:block;background:0 0;border:none;padding:.25rem 0;color:#6c757d;font-size:.875rem;cursor:pointer;width:100%;text-align:center;transition:color .15s}.btn-link-block:hover{color:#495057}.auth-footer-link{font-size:.875rem;text-align:center;color:#6c757d;margin-top:1.25rem;margin-bottom:0}.auth-footer-link a{color:#667eea;font-weight:500;text-decoration:none}.auth-footer-link a:hover{text-decoration:underline}.auth-terms{font-size:.775rem;color:#adb5bd;text-align:center;margin-top:.75rem;margin-bottom:0}.auth-terms a{color:#6c757d}.auth-terms a:hover{color:#495057}.auth-help-text{font-size:.875rem;color:#6c757d;margin-bottom:1.25rem}@media (max-width:575px){html{font-size:14px}body{padding:0;align-items:flex-start}.auth-card{border-radius:0;min-height:100vh;box-shadow:none;padding:2rem 1.25rem}}:focus-visible{outline:3px solid var(--platform-primary,#667eea);outline-offset:2px}:focus:not(:focus-visible){outline:0}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}[data-theme=dark] .auth-card{background:#202124;color:#e8eaed}[data-theme=dark] .auth-logo-text{color:#e8eaed}[data-theme=dark] .auth-title{color:#e8eaed}[data-theme=dark] .auth-help-text,[data-theme=dark] .auth-subtitle{color:#9aa0a6}[data-theme=dark] .form-label{color:#bdc1c6}[data-theme=dark] .form-control{background:#2d2e30;border-color:#5f6368;color:#e8eaed}[data-theme=dark] .form-control::placeholder{color:#5f6368}[data-theme=dark] .form-control:focus{background:#2d2e30;border-color:#8ab4f8;box-shadow:0 0 0 3px rgba(138,180,248,.15);color:#e8eaed}[data-theme=dark] .form-text{color:#9aa0a6}[data-theme=dark] .btn-google{background:#2d2e30;color:#e8eaed;border-color:#5f6368}[data-theme=dark] .btn-google:hover{background:#3c4043;border-color:#9aa0a6}[data-theme=dark] .auth-divider{color:#5f6368}[data-theme=dark] .auth-divider::after,[data-theme=dark] .auth-divider::before{background:#3c4043}[data-theme=dark] .btn-toggle-password{color:#5f6368}[data-theme=dark] .btn-toggle-password:hover{color:#9aa0a6}[data-theme=dark] .btn-link-inline{color:#8ab4f8}[data-theme=dark] .btn-link-block{color:#9aa0a6}[data-theme=dark] .btn-link-block:hover{color:#e8eaed}[data-theme=dark] .auth-footer-link{color:#9aa0a6}[data-theme=dark] .auth-footer-link a{color:#8ab4f8}[data-theme=dark] .auth-terms{color:#5f6368}[data-theme=dark] .auth-terms a{color:#9aa0a6}