.auth-field input:-webkit-autofill,.auth-field input:-webkit-autofill:focus,.auth-field input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #1f1f24 inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border-color:#2d2d35!important;transition:background-color 5000s ease-in-out}.password-wrapper input:-webkit-autofill,.password-wrapper input:-webkit-autofill:focus,.password-wrapper input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #1f1f24 inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;border:none!important;transition:background-color 5000s ease-in-out}body.auth-page,html.auth-page{overflow:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100dvh!important}body.auth-page,body.auth-page *{touch-action:auto!important}body.auth-page{display:block;background:var(--bg-dark)}.auth-container{width:100%;max-width:500px;margin:0 auto;padding:40px 20px;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.auth-page .auth-modal{background:var(--bg-panel);border:1px solid var(--border-main);border-radius:4px;overflow:visible;margin:auto 0}.auth-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;text-align:center;margin:0;padding:1rem 1.5rem 0}.auth-description{color:var(--text-secondary);font-size:.9rem;text-align:center;margin:.5rem 1.5rem 0;line-height:1.5}.auth-success{color:var(--success);font-size:.85rem;margin-top:.5rem;text-align:center}.auth-forgot-link{display:block;text-align:right;color:var(--text-secondary);font-size:.85rem;text-decoration:none;margin-top:-.5rem;margin-bottom:.5rem;transition:color .3s}.auth-forgot-link:hover{color:var(--primary-light)}a.auth-logo{text-decoration:none;transition:opacity .3s}a.auth-logo:hover{opacity:.8}.auth-footer{padding:1rem 1.5rem 1.5rem;text-align:center}.auth-back-link{display:inline-flex;align-items:center;gap:.5rem;color:rgba(255,255,255,.5);text-decoration:none;font-size:.9rem;transition:color .3s}.auth-back-link:hover{color:var(--primary-light)}@media (max-width:768px){body.auth-page #space-background{display:none}body.auth-page{display:block}.auth-container{max-width:none;padding:0;min-height:100dvh;width:100%}.auth-page .auth-modal{min-height:100dvh;border-radius:0;border:none;display:flex;flex-direction:column}.auth-page .auth-body{flex:1;display:flex;flex-direction:column}.auth-page .auth-form.active{flex:1;flex-direction:column}.auth-page .auth-footer,.auth-page .auth-form.active .auth-submit{margin-top:auto}}.password-wrapper{position:relative;display:flex;align-items:center;background:var(--bg-section);border:1px solid var(--border-main);border-radius:2px;transition:.2s}.password-wrapper:focus-within{border-color:var(--primary-purple);box-shadow:0 0 0 2px rgba(157,78,221,.2)}.password-wrapper input{background:0 0!important;border:none!important;box-shadow:none!important;flex:1;min-width:0}.password-wrapper input:focus{box-shadow:none!important}.password-toggle{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;padding:0 12px;font-size:1.1rem;line-height:1;flex-shrink:0;transition:color .2s}.password-toggle:hover{color:var(--text-primary)}.avatar-carousel{position:relative}.avatar-grid{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 0}.avatar-grid::-webkit-scrollbar{display:none}.avatar-option{position:relative;cursor:pointer;border-radius:50%;overflow:hidden;width:70px;height:70px;flex-shrink:0;border:3px solid var(--border-main);transition:border-color .2s;background:var(--bg-section);outline:0;-webkit-tap-highlight-color:transparent}.avatar-option input{position:absolute;opacity:0;pointer-events:none}.avatar-option img{width:100%;height:100%;object-fit:cover;display:block}.avatar-option:hover{border-color:var(--primary-purple)}.avatar-option.selected{border-color:var(--primary-light)}@media (max-width:768px){.avatar-option{width:80px;height:80px}}.referral-field{position:relative}.referral-field label .optional{color:var(--text-secondary);font-weight:400;font-size:.85em}.referral-field input{padding-right:100px}.referral-validation{position:absolute;right:12px;top:50%;transform:translateY(25%);font-size:.8em;display:flex;align-items:center;gap:5px}.referral-validation.valid{color:var(--success)}.referral-validation.invalid{position:static;transform:none;display:block;margin-top:6px;color:var(--error)}.referral-validation.loading{color:var(--text-secondary)}.referral-validation i{font-size:1em}.referral-bonus{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);border-radius:2px;padding:10px 12px;margin-top:8px;font-size:.85em;color:var(--primary-light)}.referral-bonus i{margin-right:6px}.oauth-divider{display:flex;align-items:center;gap:12px;margin-top:16px}.oauth-divider::after,.oauth-divider::before{content:'';flex:1;height:1px;background:var(--border-main)}.oauth-divider span{color:var(--text-secondary);font-size:.85em;font-family:var(--font-body);text-transform:lowercase}.oauth-buttons{display:flex;flex-direction:column;gap:10px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:0;font-family:var(--font-title);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:.25s;border:1px solid rgba(255,255,255,.25);background:0 0;color:rgba(255,255,255,.7);box-shadow:none;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.oauth-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);color:#fff;box-shadow:0 0 15px rgba(255,255,255,.1);text-shadow:none;transform:none}.oauth-btn:active{transform:none}.oauth-icon{flex-shrink:0}.oauth-btn span{white-space:nowrap}.oauth-alert{width:100%;padding:24px;border-radius:4px;border:1px solid var(--border-main);background:var(--bg-section);display:flex;flex-direction:column;align-items:center;gap:14px}.oauth-alert-icon{font-size:2.2rem;line-height:1}.oauth-alert p{margin:0;font-family:var(--font-body);font-size:.95em;color:var(--text-main);text-align:center}.oauth-alert-loading{border-color:rgba(99,102,241,.3);background:rgba(99,102,241,.05)}.oauth-alert-loading .oauth-alert-icon{color:var(--neon-blue,#6366f1)}.oauth-alert-success{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.05)}.oauth-alert-success .oauth-alert-icon{color:var(--neon-green,#22c55e)}.oauth-alert-error{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}.oauth-alert-error .oauth-alert-icon{color:var(--neon-red,#ef4444)}