.auth-page{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.auth-card{background:var(--bg-card);border:1px solid #f5f0e80f;border-radius:2px;width:100%;max-width:420px;position:relative;overflow:hidden}.auth-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--ember), var(--gold));width:100%;height:3px;position:absolute;top:0;left:0}.auth-header{text-align:center;padding:2.5rem 2rem 1.5rem}.auth-logo{font-family:var(--serif);letter-spacing:.4em;color:var(--text);margin-bottom:1.5rem;font-size:1.5rem;font-weight:300;transition:color .3s;display:block}.auth-logo:hover{color:var(--gold)}.auth-title{font-family:var(--serif);margin-bottom:.3rem;font-size:1.8rem;font-weight:300}.auth-subtitle{color:var(--text-dim);font-size:.8rem;font-weight:300}.auth-form{padding:0 2rem 2rem}.auth-field{margin-bottom:1.25rem;position:relative}.auth-field label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.4rem;font-size:.65rem;font-weight:400;display:block}.auth-field input{background:var(--bg);width:100%;color:var(--text);border:1px solid #f5f0e814;border-radius:0;outline:none;padding:.75rem 1rem;font-size:.9rem;font-weight:300;transition:border-color .3s}.auth-field input:focus{border-color:var(--gold-dim)}.auth-field input::placeholder{color:var(--text-muted)}.auth-submit{width:100%;font-family:var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bg);background:var(--gold);border:1px solid var(--gold);cursor:none;margin-top:.5rem;padding:.85rem;font-size:.8rem;font-weight:500;transition:all .3s}.auth-submit:hover{box-shadow:0 0 20px var(--gold-dim);transform:translateY(-1px)}.auth-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.auth-error{color:#ff6b6b;background:#ff444414;border:1px solid #f443;margin-bottom:1rem;padding:.6rem 1rem;font-size:.8rem;display:none}.auth-error.show{display:block}.auth-divider{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#f5f0e80f;flex:1;height:1px}.auth-divider span{letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-weight:300}.oauth-buttons{flex-direction:column;gap:.6rem;padding:0 2rem 2rem;display:flex}.oauth-btn{width:100%;color:var(--text-dim);font-family:var(--sans);cursor:none;background:0 0;border:1px solid #f5f0e814;justify-content:center;align-items:center;gap:.75rem;padding:.7rem 1rem;font-size:.8rem;font-weight:400;text-decoration:none;transition:all .3s;display:flex}.oauth-btn:hover{border-color:var(--gold-dim);color:var(--text);background:#f5f0e805}.oauth-btn .oauth-icon{font-size:1rem}.oauth-btn[data-provider=google]:hover{color:#4285f4;border-color:#4285f4}.oauth-btn[data-provider=github]:hover{color:#f0f0f0;border-color:#f0f0f0}.oauth-btn[data-provider=discord]:hover{color:#5865f2;border-color:#5865f2}.auth-footer{text-align:center;color:var(--text-dim);border-top:1px solid #f5f0e80a;padding:1.5rem 2rem;font-size:.8rem}.auth-footer a{color:var(--gold);transition:color .3s}.auth-footer a:hover{color:var(--text)}