body.auth-page {
 min-height:100vh!important;margin:0!important;padding:28px 15px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;overflow-x:hidden;color:#f5f5f5!important;
 background:radial-gradient(ellipse at 12% 20%,#252525 0,transparent 35%),
 radial-gradient(ellipse at 90% 80%,#202020 0,transparent 35%),#080808!important;
 font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body.auth-page::before {
 content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;
 background:repeating-linear-gradient(130deg,transparent 0 115px,#7771 116px,transparent 120px 220px),
 radial-gradient(ellipse at 30% 50%,#fff1,transparent 60%);
}
.auth-wrap{position:relative;z-index:1;width:min(100%,430px);margin:auto}
.auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 22px;
 color:#fff!important;text-decoration:none!important;font-size:16px;font-weight:800;letter-spacing:.2em}
.auth-brand svg{width:34px;height:34px;flex:0 0 34px}
.auth-card{padding:29px 29px 24px;border:1px solid #ffffff25;border-radius:14px;
 background:linear-gradient(145deg,#101010f5,#050505f7);box-shadow:0 24px 70px #0009,inset 0 1px #ffffff0a}
.auth-heading{text-align:center;margin-bottom:25px}
.auth-heading h1{margin:0 0 8px;color:#f8f8f8;font-size:29px;line-height:1.2;letter-spacing:-.045em;font-weight:750}
.auth-heading p{margin:0;color:#aaa;font-size:14px;line-height:1.55}
.auth-form{display:flex;flex-direction:column;gap:19px}
.auth-field{min-width:0}
.auth-field label{display:block;margin:0 0 8px;color:#e5e5e5;font-size:13px;font-weight:550}
.auth-input{display:flex;align-items:center;gap:11px;min-height:48px;box-sizing:border-box;padding:0 12px;
 border:1px solid #2b2b2b;border-radius:9px;background:linear-gradient(110deg,#151515,#101010)}
.auth-input:focus-within{border-color:#707070;box-shadow:0 0 0 3px #fff0a}
.auth-input>svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:#c0c0c0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.auth-input input{width:100%;min-width:0;height:46px;padding:0;border:0!important;outline:0!important;box-shadow:none!important;
 background:transparent!important;color:#fff!important;font:inherit;font-size:13px}
.auth-input input::placeholder{color:#777;opacity:1}
.auth-eye{border:0;background:transparent;color:#ccc;font-size:18px;cursor:pointer;padding:5px}
.auth-field small{display:block;margin-top:7px;color:#777;font-size:11px;line-height:1.5}
.auth-forgot{display:flex;justify-content:flex-end;margin-top:-7px;font-size:12px}
.auth-forgot a,.auth-forgot span{color:#ddd;text-decoration:underline;text-underline-offset:3px}
.auth-forgot span{color:#777;cursor:default}
.auth-submit{width:100%;min-height:47px;display:flex;align-items:center;justify-content:center;gap:12px;
 margin-top:1px;padding:0 16px;box-sizing:border-box;border:1px solid #eee;border-radius:9px;
 background:linear-gradient(#fff,#e8e8e8);color:#080808!important;font:inherit;font-size:14px;font-weight:750;
 text-decoration:none;text-align:center;cursor:pointer}
.auth-submit:hover{filter:brightness(.95)}
.auth-submit span{font-size:20px;line-height:1}
.auth-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin-top:22px;padding-top:19px;
 border-top:1px solid #282828;color:#b7b7b7;font-size:12px;text-align:center}
.auth-footer a{color:#eee!important;text-decoration:underline;text-underline-offset:3px}
.auth-alert,.auth-success{margin:0 0 19px;padding:12px 14px;border-radius:8px;font-size:12px;line-height:1.55}
.auth-alert{border:1px solid #633b3b;background:#211212;color:#f0caca}
.auth-success{border:1px solid #35533c;background:#101b13;color:#ccebd3}
.auth-alert p,.auth-success p{margin:0}.auth-alert p+p{margin-top:5px}.auth-success p{margin-top:5px}
.auth-submit-link{margin-top:16px}
.auth-note{margin:17px 0 0;color:#666;font-size:11px;text-align:center}
@media(max-width:480px){
 body.auth-page{padding:20px 12px!important;align-items:flex-start!important}
 .auth-card{padding:24px 18px 20px}
 .auth-heading h1{font-size:26px}
 .auth-form{gap:17px}
}

/* Discord OAuth button */
.auth-divider{display:flex;align-items:center;gap:13px;margin:20px 0 15px;color:#777;font-size:10px;font-weight:650;letter-spacing:.15em}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#292929}
.discord-button{min-height:47px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 16px;border:1px solid #383838;border-radius:9px;background:linear-gradient(145deg,#1d1d1d,#111);color:#f4f4f4!important;text-decoration:none!important;font-size:13px;font-weight:650;transition:background .16s,border-color .16s,transform .16s}
.discord-button:hover{background:linear-gradient(145deg,#292929,#181818);border-color:#575757;transform:translateY(-1px)}
.discord-button svg{width:21px;height:21px;flex:0 0 21px}