body.page-auth{display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:100vh;background:var(--bg)}.auth-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 50% 60% at 50% 30%,rgba(255,255,255,.03),transparent 70%);pointer-events:none;z-index:0}.auth-wrapper{position:relative;z-index:1;width:100%;max-width:400px}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo a{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:22px;font-weight:800;letter-spacing:-.5px;color:#fff;text-decoration:none}.auth-logo .logo-icon{width:22px;height:22px}.auth-logo a span{color:#ffffff80}.auth-card{background:#101010e6;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.auth-card-title{font-size:20px;font-weight:800;margin-bottom:6px;text-align:center}.auth-card-subtitle{font-size:13px;color:#fff6;text-align:center;margin-bottom:28px}.username-status{font-size:11px;margin-top:4px;display:none}.username-status.available{color:#34d399;display:block}.username-status.taken{color:#f87171;display:block}.auth-submit{width:100%;padding:13px;border-radius:var(--radius);border:none;background:#ffffffe6;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px}.auth-submit:hover{transform:translateY(-1px);background:#fff;box-shadow:0 6px 20px #ffffff26}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#fff3;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid rgba(255,255,255,.08)}.auth-footer{text-align:center;margin-top:20px;font-size:12px;color:#ffffff59}.auth-footer a{color:#ffffffb3;text-decoration:none}.auth-footer a:hover{color:#fff;text-decoration:underline}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:10px 14px;font-size:12px;color:#fca5a5;margin-bottom:16px;display:none}.auth-error.visible{display:block}.auth-checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffff73;cursor:pointer;margin:4px 0}.auth-checkbox input[type=checkbox]{width:15px;height:15px;accent-color:#888;cursor:pointer}