@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}body:has(.login-page-container){background:var(--color-dark-elevated)!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}html:has(.login-page-container){height:100vh!important;overflow:hidden!important}.login-page-container{background:var(--color-dark-elevated)!important;z-index:1000!important;min-height:100vh!important;font-family:var(--font-family-primary)!important;justify-content:center!important;align-items:center!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:auto!important}.enhanced-card{z-index:1!important;background:var(--color-brand-ivory-light)!important;width:100%!important;max-width:400px!important;box-shadow:0 20px 60px var(--opacity-black-15)!important;text-align:center!important;border-radius:24px!important;padding:48px 32px!important;animation:.6s ease-out slideUp!important;position:relative!important}.header-section{text-align:center!important;margin-bottom:32px!important}.logo-container{background:linear-gradient(135deg, var(--color-border-light) 0%, var(--color-warning-surface) 100%)!important;border:1px solid var(--color-brand-border-faint)!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;width:80px!important;height:80px!important;margin:0 auto 24px!important;padding:16px!important;display:inline-flex!important}.login-title{font-size:var(--font-size-6xl)!important;font-weight:var(--font-weight-bold)!important;color:var(--color-brand-gold-dark)!important;letter-spacing:-.5px!important;line-height:var(--line-height-tight)!important;margin:0 0 12px!important}.login-subtitle{color:var(--color-gray-500)!important;font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-medium)!important;line-height:var(--line-height-normal)!important;margin:0 0 32px!important}.login-form{text-align:left!important;margin-top:0!important}.input-container,.password-container{margin-bottom:24px!important;position:relative!important}.login-form label{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-medium)!important;color:var(--color-text-primary)!important;margin-bottom:8px!important;display:block!important}.login-input,.password-input{width:100%!important;height:48px!important;font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-normal)!important;border:1px solid var(--color-border-medium)!important;background:var(--color-white)!important;box-shadow:none!important;letter-spacing:.3px!important;box-sizing:border-box!important;font-family:var(--font-family-primary)!important;color:var(--color-text-primary)!important;border-radius:12px!important;outline:none!important;padding:0 16px!important;transition:all .2s!important}.password-input{padding-right:48px!important}.login-input:focus,.password-input:focus{border-color:var(--color-brand-gold)!important;box-shadow:0 0 0 3px var(--color-border-light)!important}.login-input.error,.password-input.error,.login-input[aria-invalid=true],.password-input[aria-invalid=true]{border-color:var(--color-red-primary)!important;box-shadow:var(--ring-error)!important}.login-input::placeholder,.password-input::placeholder{color:var(--color-gray-400)!important;font-weight:400!important}.password-toggle{cursor:pointer!important;width:32px!important;height:32px!important;font-size:var(--font-size-xl)!important;color:var(--color-gray-500)!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:50%!important;right:14px!important;transform:translateY(-50%)!important}.password-toggle:hover{background:var(--color-gray-100)!important;color:var(--color-gray-700)!important}.error-container{margin-top:20px!important}.success-message{background:var(--color-green-primary)!important;color:#fff!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;text-align:center!important;border-radius:12px!important;margin-top:20px!important;padding:16px 20px!important}.login-button{width:100%!important;height:48px!important;font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-semibold)!important;letter-spacing:.3px!important;color:var(--color-white)!important;background:var(--color-brand-gold)!important;cursor:pointer!important;font-family:var(--font-family-primary)!important;border:none!important;border-radius:12px!important;margin-top:10px!important;padding:0 24px!important;transition:all .2s!important;position:relative!important;overflow:hidden!important}.login-button:hover{background:var(--color-brand-gold-dark)!important;box-shadow:0 4px 12px var(--color-border-hover)!important;transform:translateY(-1px)!important}.login-button:active{transform:translateY(0)!important}.links-container{flex-direction:column!important;align-items:center!important;gap:10px!important;margin-top:10px!important;display:flex!important}.signup-link,.forgot-link{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-medium)!important;text-align:center!important;width:100%!important;font-family:var(--font-family-primary)!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;padding:12px 24px!important;text-decoration:none!important;transition:all .2s!important;display:inline-flex!important}.signup-link{color:var(--color-gray-500)!important;background:var(--color-gray-50)!important;border:1px solid var(--color-gray-200)!important}.signup-link:hover{background:var(--color-gray-100)!important;border-color:var(--color-gray-300)!important}.forgot-link{color:var(--color-brand-gold)!important;background:var(--color-warning-surface)!important;border:1px solid var(--color-border-light)!important}.forgot-link:hover{background:var(--color-brand-tint-mid)!important;border-color:var(--color-border-hover)!important}@media (max-width:480px){.login-page-container{padding:16px!important}.enhanced-card{max-width:100%!important;padding:40px 24px!important}.login-title{font-size:var(--font-size-5xl)!important}}.auth-logo-section{text-align:center!important;margin-bottom:20px!important}.auth-logo-img{border-radius:16px!important;margin-bottom:16px!important}.auth-brand-title{color:var(--color-text-primary)!important;letter-spacing:-.5px!important;text-align:center!important;margin:0 0 8px!important;font-size:28px!important;font-weight:700!important;line-height:1.2!important}.auth-page-heading{color:var(--color-text-primary)!important;text-align:center!important;margin:16px 0 8px!important;font-size:24px!important;font-weight:600!important}@keyframes glow{0%{box-shadow:0 0 5px var(--color-border-light)}50%{box-shadow:0 0 20px var(--color-border-hover)}to{box-shadow:0 0 5px var(--color-border-light)}}body:has(.signup-page-container){background:var(--gradient-dark)!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important}html:has(.signup-page-container){height:100vh!important;overflow:hidden!important}.signup-page-container{background:var(--gradient-dark-alt)!important;z-index:1000!important;min-height:100vh!important;max-height:100vh!important;font-family:var(--font-family-primary)!important;justify-content:center!important;align-items:center!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.signup-page-container:before{content:"";background:radial-gradient(circle at 25% 25%, var(--color-border-light) 0%, transparent 50%), radial-gradient(circle at 75% 75%, var(--color-info-bg) 0%, transparent 50%);z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.signup-card{z-index:1!important;background:var(--color-brand-ivory-light)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--color-border-light)!important;width:100%!important;max-width:520px!important;max-height:calc(100vh - 48px)!important;box-shadow:0 32px 64px var(--opacity-black-12), 0 16px 32px var(--opacity-black-08), inset 0 1px 0 var(--opacity-white-30)!important;transform-origin:bottom!important;scrollbar-width:none!important;-ms-overflow-style:none!important;border-radius:20px!important;padding:40px!important;transition:transform .3s!important;animation:.6s ease-out slideUp!important;position:relative!important;overflow-y:auto!important}.signup-card::-webkit-scrollbar{display:none!important}.signup-card:hover{transform:translateY(-2px)!important}.signup-header-section{text-align:center!important;margin-bottom:32px!important}.signup-logo-container{background:linear-gradient(135deg, var(--color-brand-border-faint) 0%, var(--color-brand-tint-mid) 35%, var(--color-warning-surface) 70%, var(--color-brand-tint) 100%)!important;border:1px solid var(--color-border-light)!important;border-radius:22px!important;justify-content:center!important;align-items:center!important;width:110px!important;height:110px!important;margin:0 auto 20px!important;padding:10px!important;transition:all .3s!important;display:inline-flex!important}.signup-logo-container:hover{box-shadow:0 8px 24px var(--color-border-light)!important;transform:translateY(-2px)scale(1.02)!important}.signup-logo-image{object-fit:contain!important;width:92px!important;height:92px!important}.logo-container{background:linear-gradient(135deg, var(--color-brand-border-faint) 0%, var(--color-brand-tint-mid) 35%, var(--color-warning-surface) 70%, var(--color-brand-tint) 100%)!important;border:1px solid var(--color-border-light)!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;width:64px!important;height:64px!important;margin:0 auto 20px!important;padding:12px!important;transition:all .3s!important;display:inline-flex!important}.logo-container:hover{box-shadow:0 8px 24px var(--color-border-light)!important;transform:translateY(-2px)scale(1.02)!important}.logo-image{border-radius:16px!important}.signup-title{font-size:var(--font-size-5xl)!important;font-weight:var(--font-weight-bold)!important;color:var(--color-text-primary)!important;letter-spacing:-.5px!important;line-height:var(--line-height-tight)!important;margin:0 0 8px!important}.signup-subtitle{color:var(--color-dark-accent)!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-medium)!important;letter-spacing:.2px!important;margin:0!important}.signup-form{margin-top:0!important}.signup-input-container,.signup-password-container{flex-direction:column!important;align-items:stretch!important;margin-bottom:20px!important;display:flex!important;position:relative!important}.signup-input-grid{grid-template-columns:1fr 1fr!important;gap:16px!important;margin-bottom:20px!important;display:grid!important}.signup-input-label{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-semibold)!important;color:var(--color-text-primary)!important;font-family:var(--font-family-primary)!important;margin-bottom:6px!important;display:block!important}.signup-password-field-wrapper{width:100%!important;display:block!important;position:relative!important}.signup-input,.signup-password-input{width:100%!important;height:52px!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-medium)!important;border:1px solid var(--color-border-medium)!important;background:var(--color-white)!important;box-shadow:none!important;letter-spacing:.3px!important;box-sizing:border-box!important;font-family:var(--font-family-primary)!important;color:var(--color-text-primary)!important;border-radius:12px!important;outline:none!important;padding:0 88px 0 16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.signup-password-input{padding-right:148px!important}.signup-input:focus,.signup-password-input:focus{border-color:var(--color-brand-gold)!important;box-shadow:0 0 0 3px var(--color-border-light), 0 4px 12px var(--opacity-black-08)!important;transform:translateY(-1px)!important}.signup-input::placeholder,.signup-password-input::placeholder{color:var(--color-gray-400)!important;font-weight:400!important}.surface-authPasswordToggle,.signup-password-toggle{cursor:pointer!important;min-width:116px!important;height:32px!important;font-size:11px!important;font-weight:var(--font-weight-bold)!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:var(--color-dark-accent)!important;z-index:10!important;background:0 0!important;border:none!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0 10px!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:50%!important;right:16px!important;transform:translateY(-50%)!important}.surface-authPasswordToggle:hover,.signup-password-toggle:hover{background:var(--color-border-soft)!important;color:var(--color-dark-lighter)!important;transform:translateY(-50%)scale(1.05)!important}.signup-button{width:100%!important;height:52px!important;font-size:var(--font-size-xl)!important;font-weight:var(--font-weight-semibold)!important;letter-spacing:.3px!important;color:var(--color-white)!important;background:var(--color-primary)!important;cursor:pointer!important;box-shadow:0 4px 12px var(--color-border-hover), 0 2px 6px var(--opacity-black-10)!important;font-family:var(--font-family-primary)!important;border:none!important;border-radius:12px!important;margin-top:24px!important;padding:0 24px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.signup-button:before{content:"";background:var(--opacity-white-20);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.signup-button:hover:before{left:100%}.signup-button:hover{box-shadow:0 8px 24px var(--color-border-hover), 0 4px 12px var(--opacity-black-15)!important;transform:translateY(-2px)!important}.signup-button:active{transform:translateY(0)!important}.signup-success-message{background:var(--gradient-green)!important;color:var(--color-white)!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-semibold)!important;text-align:center!important;box-shadow:0 4px 12px var(--color-success-border)!important;border:none!important;border-radius:12px!important;margin-top:20px!important;padding:16px 20px!important;animation:.4s ease-out slideUp!important}.signup-error-container{background:var(--color-error-bg)!important;border:1px solid var(--color-error-border)!important;color:var(--color-error-darker)!important;border-radius:8px!important;margin-top:16px!important;padding:12px 16px!important;font-size:14px!important}.signup-login-link{text-align:center!important;margin-top:24px!important}.signup-login-button{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-medium)!important;text-align:center!important;min-width:200px!important;font-family:var(--font-family-primary)!important;letter-spacing:.1px!important;color:var(--color-primary)!important;background:var(--color-brand-tint)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--color-border-light)!important;box-shadow:none!important;cursor:pointer!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;padding:12px 20px!important;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important;position:relative!important;overflow:hidden!important}.signup-login-button:hover{color:var(--color-primary-hover)!important;background:var(--color-brand-tint-mid)!important;border-color:var(--color-brand-border-mid)!important;box-shadow:0 4px 12px var(--opacity-black-15), inset 0 1px 0 var(--opacity-white-12)!important;transform:translateY(-1px)!important}@media (max-width:480px){.signup-page-container{padding:16px!important}.signup-card{max-width:100%!important;max-height:calc(100vh - 32px)!important;padding:32px 24px!important}.signup-title{font-size:var(--font-size-4xl)!important}.signup-input-grid{grid-template-columns:1fr!important;gap:12px!important}.signup-login-button{width:100%!important;min-width:auto!important}}@media (max-width:360px){.signup-input-grid{grid-template-columns:1fr!important}}.reset-password-container{background:var(--gradient-dark-subtle);background-image:radial-gradient(circle at 20% 80%, var(--color-border-light) 0%, transparent 50%), radial-gradient(circle at 80% 20%, var(--color-info-bg) 0%, transparent 50%), radial-gradient(circle at 40% 40%, var(--opacity-white-04) 0%, transparent 50%);min-height:100vh;font-family:var(--font-family-primary);justify-content:center;align-items:center;display:flex}.reset-password-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-white);border:1px solid var(--color-border-light);width:100%;min-width:380px;max-width:420px;box-shadow:0 20px 60px var(--opacity-black-20), 0 8px 32px var(--color-border-light);border-radius:24px;padding:48px 44px}.reset-password-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-5xl);color:var(--color-dark-base);letter-spacing:.5px;margin:0 0 32px}.reset-password-subtitle{color:var(--color-text-muted-subtle);font-size:var(--font-size-xl);line-height:var(--line-height-normal);margin-bottom:32px}.form-field{margin-bottom:24px}.input-wrapper{margin-bottom:16px;position:relative}.form-input{border:2px solid var(--color-border-muted);width:100%;font-size:var(--font-size-xl);background:var(--color-surface-translucent-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:var(--font-weight-medium);letter-spacing:.3px;box-sizing:border-box;border-radius:14px;outline:none;padding:16px 18px;transition:all .2s}.form-input--with-icons{padding-right:80px}.form-input--with-validation{padding-right:45px}.form-input:focus{border:2px solid var(--color-border-hover);box-shadow:0 4px 16px var(--color-brand-border-faint);background:var(--color-white)}.password-toggle-btn{cursor:pointer;font-size:var(--font-size-xl);color:var(--color-text-muted-alt);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:50px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--color-text-primary);background:var(--color-border-subtle)}.validation-icon{font-size:14px;font-weight:700;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.validation-icon.valid{color:var(--color-green-primary)}.validation-icon.invalid{color:var(--color-red-primary)}.password-strength-wrapper{margin-bottom:16px}.password-strength-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.password-strength-label{font-size:var(--font-size-sm);color:var(--color-text-muted-subtle);font-weight:var(--font-weight-medium)}.password-strength-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.password-strength-text--weak{color:var(--color-red-primary)}.password-strength-text--fair{color:var(--color-brand-gold-light)}.password-strength-text--good{color:var(--color-blue-primary)}.password-strength-text--strong{color:var(--color-green-primary)}.alert{font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);border-radius:12px;margin-bottom:20px;padding:16px 20px}.alert--error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-red-primary)}.alert--success{background:var(--color-success-soft);border:1px solid var(--color-success-border);color:var(--color-green-dark)}.submit-btn{width:100%;font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);border:2px solid var(--color-border-hover);letter-spacing:.5px;cursor:pointer;background:var(--color-primary);color:var(--color-white);box-shadow:0 8px 24px var(--color-border-hover), 0 4px 12px var(--opacity-black-10);border-radius:14px;margin-bottom:24px;padding:16px 0;transition:all .3s}.submit-btn:hover:not(:disabled){box-shadow:0 12px 32px var(--color-border-hover), 0 6px 16px var(--opacity-black-15);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.submit-btn--loading{background:var(--color-warning-surface);color:var(--color-text-muted-alt);box-shadow:0 4px 16px var(--color-border-light)}.submit-btn--success{background:var(--color-success);color:var(--color-white);border:2px solid var(--color-success-border);box-shadow:0 8px 24px var(--color-success-border), 0 4px 12px var(--opacity-black-10)}.submit-btn--success.animate-pulse{animation:2s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.loading-spinner{justify-content:center;align-items:center;gap:8px;display:flex}.back-link-wrapper{justify-content:center;margin-top:24px;display:flex}.back-link{color:var(--color-brand-gold);background:var(--color-warning-surface);border:1px solid var(--color-border-light);border-radius:8px;padding:8px 16px;font-weight:600;text-decoration:none;transition:all .2s}
.login-input.error,.password-input.error{border-color:var(--color-red-primary)!important;box-shadow:0 0 0 2px var(--color-error-input-bg)!important;background-color:var(--color-error-bg-soft)!important}.login-input.valid,.password-input.valid{border-color:var(--color-green-primary)!important;box-shadow:var(--ring-success)!important;background-color:var(--color-success-input-bg)!important}.field-error{background:var(--color-error-input-bg);border:1px solid var(--color-error-border);color:var(--color-red-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:6px;align-items:center;gap:6px;margin-top:6px;padding:8px 12px;animation:.2s ease-out slideInError;display:flex}.field-success{background:var(--color-success-soft);border:1px solid var(--color-success-border);color:var(--color-green-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:6px;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;animation:.2s ease-out slideInSuccess;display:flex}.password-visibility-notice{background:var(--color-warning-tint);border:1px solid var(--color-border-light);color:var(--color-brand-gold-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:4px;align-items:center;gap:6px;margin-top:4px;padding:4px 8px;display:flex}.form-errors-summary{background:var(--color-error-bg);border:1px solid var(--color-error-border-light);border-radius:12px;margin-top:16px;padding:16px;animation:.3s ease-out slideInError}.errors-title{font-weight:var(--font-weight-semibold);color:var(--color-red-primary);font-size:var(--font-size-md);align-items:center;gap:8px;margin-bottom:12px;display:flex}.errors-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.error-item{color:var(--color-red-dark);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.error-item strong{color:var(--color-error-text-deep)}.error-icon{flex-shrink:0;font-size:14px}.success-icon{color:var(--color-green-primary);flex-shrink:0;font-size:14px}.warning-icon{flex-shrink:0;font-size:12px}.login-button.disabled{opacity:.6;cursor:not-allowed;background:var(--opacity-white-10)!important;border-color:var(--opacity-white-10)!important}.login-button:disabled{opacity:.7;cursor:not-allowed}.password-toggle{cursor:pointer;border-radius:4px;padding:4px;transition:all .2s}.password-toggle:hover{background:var(--opacity-white-10);transform:scale(1.05)}.password-toggle:focus{outline:2px solid var(--color-blue-accent-border-strong);outline-offset:2px}@keyframes slideInError{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInSuccess{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-input:focus,.password-input:focus{outline:2px solid var(--color-blue-accent-border-strong);outline-offset:2px;border-color:var(--color-blue-primary)!important}@media (prefers-contrast:high){.field-error{background:var(--color-hc-error-bg);border-color:var(--color-hc-error-border);color:var(--color-hc-error-text)}.field-success{background:var(--color-hc-success-bg);border-color:var(--color-hc-success-border);color:var(--color-hc-success-text)}.login-input.error,.password-input.error{border-color:var(--color-hc-error-border)!important;border-width:2px!important}.login-input.valid,.password-input.valid{border-color:var(--color-hc-success-border)!important;border-width:2px!important}}@media (prefers-reduced-motion:reduce){.field-error,.field-success,.form-errors-summary{animation:none}.password-toggle:hover{transform:none}}@media (max-width:480px){.field-error,.field-success{font-size:var(--font-size-sm);padding:6px 10px}.form-errors-summary{padding:12px}.errors-title{font-size:var(--font-size-base)}.error-item{font-size:var(--font-size-sm)}.password-visibility-notice{font-size:var(--font-size-xs);padding:3px 6px}.connection-status{min-width:auto;padding:10px 16px;top:10px;left:10px;right:10px;transform:none}.connection-text{font-size:var(--font-size-base)}.retry-info{font-size:var(--font-size-xs);margin-top:4px;margin-left:0;display:block}.connection-content{flex-direction:column;align-items:flex-start;gap:6px}.connection-close{padding:0;position:absolute;top:8px;right:8px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-form :focus-visible{outline:2px solid var(--color-blue-primary);outline-offset:2px;border-radius:4px}.connection-status{box-shadow:0 8px 32px var(--opacity-black-30);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;border-radius:12px;justify-content:space-between;align-items:center;min-width:300px;max-width:90vw;padding:12px 20px;animation:.3s ease-out slideInDown;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.connection-status.offline{background:var(--color-red-primary);border:1px solid var(--color-error-border);color:var(--color-white)}.connection-status.slow{background:var(--color-warning-amber);border:1px solid var(--color-border-hover);color:var(--color-white)}.connection-status.poor{background:var(--color-primary);border:1px solid var(--color-border-hover);color:var(--color-white)}.connection-content{flex:1;align-items:center;gap:12px;display:flex}.connection-icon{flex-shrink:0;font-size:18px}.connection-text{flex:1;font-size:14px;font-weight:600}.retry-info{opacity:.9;margin-left:8px;font-size:12px;font-style:italic}.connection-close{margin-left:12px}.connection-close:focus{outline:2px solid var(--opacity-white-50);outline-offset:2px}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.login-form .connection-indicator{border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:8px 12px;font-size:12px;transition:all .3s;display:flex}.connection-indicator.good{background:var(--color-success-soft);border:1px solid var(--color-success-border);color:var(--color-green-primary)}.connection-indicator.slow{background:var(--color-warning-tint);border:1px solid var(--color-border-light);color:var(--color-brand-gold-light)}.connection-indicator.poor{background:var(--color-error-input-bg);border:1px solid var(--color-error-border);color:var(--color-red-primary)}@keyframes connectionPulse{0%,to{opacity:1}50%{opacity:.7}}.connection-status.poor,.connection-status.offline{animation:.3s ease-out slideInDown,2s 1s infinite connectionPulse}.keyboard-shortcuts{text-align:center;margin-top:12px;margin-bottom:0}.shortcuts-details{text-align:left;display:inline-block}.shortcuts-summary{color:var(--opacity-white-70);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 12px;font-size:12px;transition:all .2s}.shortcuts-summary:hover{color:var(--opacity-white-90);background:var(--opacity-white-04)}.shortcuts-content{background:var(--opacity-white-04);border:1px solid var(--opacity-white-10);border-radius:8px;margin-top:8px;padding:12px;font-size:12px}.shortcut-item{color:var(--opacity-white-80);align-items:center;gap:8px;margin-bottom:6px;display:flex}.shortcut-item:last-child{margin-bottom:0}kbd{background:var(--opacity-white-10);border:1px solid var(--opacity-white-20);font-size:11px;font-family:var(--font-family-primary);color:var(--opacity-white-90);box-shadow:0 1px 2px var(--opacity-black-20);border-radius:4px;padding:2px 6px}.surface-authValidationBadgeSuccess,.validation-check{color:var(--color-green-primary);font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.03em;text-transform:uppercase;z-index:2;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.validation-error{color:var(--color-red-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);z-index:2;white-space:nowrap;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.surface-authValidationBadgePending,.validation-spinner{color:var(--color-gray-500);font-size:9px;font-weight:var(--font-weight-bold);letter-spacing:.03em;text-transform:uppercase;z-index:2;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.signup-input.valid,.signup-password-input.valid{border-color:var(--color-green-primary)!important;box-shadow:0 0 0 1px var(--color-success-input-bg)!important}.signup-input.invalid,.signup-password-input.invalid{border-color:var(--color-red-primary)!important;box-shadow:0 0 0 1px var(--color-error-input-bg)!important}.signup-input.checking{border-color:var(--color-gray-500)!important}.signup-input.available{border-color:var(--color-green-primary)!important;background-color:var(--color-success-input-bg)!important}.signup-input.taken{border-color:var(--color-red-primary)!important;background-color:var(--color-error-input-bg)!important}.username-container{position:relative}.password-strength{align-items:center;gap:8px;margin-top:8px;display:flex}.strength-bar{background-color:var(--opacity-white-10);border-radius:2px;flex:1;height:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:all .3s}.strength-fill.strength-0{background-color:var(--color-red-primary);width:0%}.strength-fill.strength-1{background-color:var(--color-red-primary);width:20%}.strength-fill.strength-2{background-color:var(--color-brand-gold-light);width:40%}.strength-fill.strength-3{background-color:var(--color-yellow-primary);width:60%}.strength-fill.strength-4{background-color:var(--color-green-secondary);width:80%}.strength-fill.strength-5{background-color:var(--color-green-primary);width:100%}.signup-error-msg{background:var(--color-error-input-bg);border:1px solid var(--color-error-border);color:var(--color-error);border-radius:8px;margin-top:16px;padding:12px;font-size:14px}.strength-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:right;min-width:70px}.strength-text.strength-0,.strength-text.strength-1{color:var(--color-red-primary)}.strength-text.strength-2{color:var(--color-brand-gold-light)}.strength-text.strength-3{color:var(--color-yellow-primary)}.strength-text.strength-4,.strength-text.strength-5{color:var(--color-green-primary)}.password-requirements{background:var(--color-secondary);border:1px solid var(--opacity-white-12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px var(--opacity-black-30);z-index:10;border-radius:12px;margin-bottom:8px;padding:16px;animation:.2s ease-out slideInUp;position:absolute;bottom:100%;left:0;right:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.signup-password-container{position:relative}.requirement-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--opacity-white-90);margin-bottom:8px}.requirement{font-size:var(--font-size-xs);color:var(--opacity-white-60);margin-bottom:4px;transition:color .2s}.requirement.met{color:var(--color-green-primary)}.requirement:last-child{margin-bottom:0}.security-badge{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-green-primary);background:var(--color-success-soft);border:1px solid var(--color-success-border);border-radius:4px;align-items:center;gap:4px;margin-top:8px;padding:4px 8px;display:inline-flex}.form-progress{justify-content:space-between;margin-bottom:20px;padding:0 4px;display:flex}.progress-step{background:var(--opacity-white-20);border-radius:50%;width:8px;height:8px;transition:all .3s}.progress-step.active{background:var(--gradient-purple);box-shadow:0 2px 4px var(--opacity-black-30)}.progress-step.completed{background:var(--color-green-primary);box-shadow:0 2px 4px var(--color-success-border)}.signup-button:disabled{opacity:.6;cursor:not-allowed;background:var(--opacity-white-10)!important}@media (max-width:480px){.validation-check,.validation-error,.validation-spinner{font-size:12px;right:8px}.validation-error{font-size:10px}.password-requirements{margin-bottom:6px;padding:12px;left:-8px;right:-8px}.requirement-title{font-size:11px}.requirement{font-size:10px}.strength-text{min-width:60px;font-size:10px}}