:root{color-scheme:dark;--bg:#08090d;--card:#12141b;--line:#2c3140;--text:#f5f5f7;--muted:#a9adba;--purple:#8b5cf6;--red:#ef4444}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#201238 0,var(--bg) 38%);color:var(--text);font:16px/1.5 system-ui,-apple-system,sans-serif}header,main,footer{width:min(900px,calc(100% - 32px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:40px 0 24px}header span{color:#b99aff;font-size:.72rem;letter-spacing:.2em;font-weight:800}h1{margin:.2rem 0;font-size:clamp(2rem,6vw,3.6rem)}h2{margin-top:0}a{color:#c4a7ff}header>a,.button,button,.login a{display:inline-block;border:1px solid #7653bf;border-radius:10px;padding:11px 16px;text-decoration:none;color:white;background:#251842;font-weight:700}main{display:grid;grid-template-columns:1fr 1fr;gap:18px}section,.login{background:rgba(18,20,27,.94);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 12px 40px #0006}form{display:grid;gap:13px;margin-top:16px}label{display:grid;gap:6px;color:var(--muted);font-size:.9rem}input{width:100%;background:#090b10;border:1px solid #3a4051;border-radius:10px;padding:12px;color:white;font:inherit}button{cursor:pointer}.danger{border-color:#682c35}.danger button{background:#7f1d1d;border-color:#b91c1c}.notice{grid-column:1/-1;padding:14px 18px;border-radius:12px}.success{background:#123525}.error{background:#4c1d25}ul{padding:0;list-style:none}li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;text-transform:capitalize}small,.muted{color:var(--muted)}footer{display:flex;gap:18px;padding:24px 0 50px}

.login-page{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 15%,#301553 0,#120b20 30%,#07080c 70%)}.login-stage{position:relative;width:min(1080px,calc(100% - 24px));min-height:100vh;margin:auto;display:grid;place-items:center;padding:42px 0}.login{position:relative;z-index:2;width:min(500px,calc(100% - 24px));margin:0;display:grid;gap:14px;text-align:left;padding:32px;background:linear-gradient(155deg,rgba(25,27,37,.97),rgba(10,11,16,.98));border-color:#443260;box-shadow:0 26px 80px #000b,0 0 50px #7c3aed1c}.login h1{text-align:center;margin:0;font-size:clamp(2.2rem,7vw,3.4rem)}.login-eyebrow{text-align:center;color:#b99aff;font-size:.72rem;letter-spacing:.22em;font-weight:900}.login-copy{text-align:center;color:var(--muted);margin:0 auto 4px;max-width:390px}.password-login{margin:4px 0 0}.password-login input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.password-login button{width:100%;margin-top:2px}.login .primary{background:linear-gradient(100deg,#6d28d9,#9333ea);box-shadow:0 9px 25px #7c3aed38}.login-error{padding:11px 13px;border:1px solid #9f3c49;border-radius:10px;background:#4c1d25;color:#fecdd3;font-size:.9rem}.login-divider{display:flex;align-items:center;gap:12px;color:#858998;font-size:.78rem}.login-divider:before,.login-divider:after{content:"";height:1px;background:#303442;flex:1}.oauth-logins{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.login .oauth-login{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 8px;background:#11141c;border-color:#353a49;font-size:.82rem}.oauth-login b{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#252a35}.oauth-login.google:hover{border-color:#4285f4}.oauth-login.discord:hover{border-color:#5865f2}.oauth-login.microsoft:hover{border-color:#00a4ef}.password-hint{text-align:center;font-size:.75rem;line-height:1.4}.login .wtu-back{text-align:center;background:transparent;border-color:transparent;padding:5px}.login-emblem{--float-base:-50%;position:absolute;z-index:1;top:50%;width:clamp(150px,20vw,230px);height:auto;filter:drop-shadow(0 24px 32px #000b);animation:emblemFloat 5s ease-in-out infinite}.scopebot-emblem{left:0}.wtu-emblem{right:0;animation-delay:-2.5s}@keyframes emblemFloat{0%,100%{transform:translateY(calc(var(--float-base) - 7px)) rotate(-1deg)}50%{transform:translateY(calc(var(--float-base) + 7px)) rotate(1deg)}}

@media(max-width:900px){.login-stage{display:block;padding:132px 0 42px}.login{margin:auto}.login-emblem{--float-base:0%;top:24px;width:96px}.scopebot-emblem{left:calc(50% - 108px)}.wtu-emblem{right:calc(50% - 108px)}}@media(max-width:700px){main{grid-template-columns:1fr}header{align-items:flex-start;gap:16px}header>a{font-size:.8rem}.login{width:calc(100% - 8px);padding:24px 18px}.oauth-logins{grid-template-columns:1fr}.login-stage{padding-top:120px}.login-emblem{width:84px}.scopebot-emblem{left:calc(50% - 92px)}.wtu-emblem{right:calc(50% - 92px)}}@media(prefers-reduced-motion:reduce){.login-emblem{animation:none;transform:translateY(var(--float-base))}}