.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#1e293b,#0b1220 60%);overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(212,175,55,.03) 30px,rgba(212,175,55,.03) 60px);pointer-events:none}.auth-page:after{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%);pointer-events:none}.auth-card{position:relative;z-index:1;width:100%;max-width:420px;background:#1e293bd9;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:40px 32px;box-shadow:0 25px 60px -12px #00000080}.auth-logo-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.auth-logo{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4));margin-bottom:12px}.auth-brand{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.auth-tagline{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.auth-heading{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:20px;text-align:center}.auth-input{width:100%;padding:12px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);background:#0f172a99;border:1.5px solid var(--color-border);outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.auth-input::placeholder{color:#64748b}.auth-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #d4af371f}.auth-input.error{border-color:var(--color-error)}.auth-input:disabled{opacity:.6;cursor:not-allowed}.auth-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:6px}.auth-error{margin-top:4px;font-size:var(--font-size-xs);color:var(--color-error)}.auth-server-error{margin-bottom:16px;padding:12px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.auth-btn{width:100%;padding:12px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.02em;color:#0f172a;background:linear-gradient(135deg,var(--color-gold) 0%,#b8942a 100%);border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #d4af3740}.auth-btn:disabled{opacity:.65;cursor:not-allowed}.auth-footer{text-align:center;margin-top:24px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-footer a{color:var(--color-gold);font-weight:600;text-decoration:none}.auth-footer a:hover{color:var(--color-gold-hover)}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}@media(max-width:480px){.auth-card{padding:32px 20px;border-radius:var(--radius-md)}.auth-logo{width:72px;height:72px}}