@font-face{font-family:Archivo;src:url('fonts/archivo-var-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Mono;src:url('fonts/jetbrains-mono-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--accent:#a776ff;--muted:#b0b0bd;--line:#27232f}*{box-sizing:border-box}body{margin:0;background:#000;color:#f4f5f7;font-family:Archivo,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header,main,footer{width:calc(100% - 96px);max-width:1280px;margin:auto}header{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:block;width:218px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.back,.eyebrow,.tag,.card-heading span,footer>span{font:400 14px/1.6 Mono,monospace;letter-spacing:.07em}.back{color:#c1bdc9}main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(48px,8vw,120px);align-items:center;padding:76px 0 88px;min-height:calc(100svh - 206px)}.eyebrow{color:var(--accent);margin:0 0 24px}h1{font-size:clamp(38px,4.3vw,62px);font-weight:650;line-height:1.08;letter-spacing:-.035em;margin:0 0 30px}h1 span{color:var(--accent)}.intro{color:var(--muted);max-width:47ch;font-size:18px;line-height:1.75;margin:0}.timing{border-left:2px solid #6e0bdf;margin-top:40px;padding:0 0 0 22px}.tag{color:#ded3f6;letter-spacing:.03em}.timing p{color:var(--muted);margin:10px 0 0;font-size:16px}.login{background:#0b090f;border:1px solid #33263f;padding:36px;position:relative}.login:before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:#6e0bdf}.card-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px;color:#aaa2b6}.card-heading img{width:40px;height:40px;object-fit:contain}h2{font-size:30px;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}.card-intro{color:var(--muted);margin:0 0 29px;max-width:35ch}label{display:block;margin:20px 0 8px;font-size:14px;font-weight:600}input{width:100%;height:52px;border:1px solid #38303f;background:#100d15;color:#c2bbc9;padding:0 14px;border-radius:0}input:disabled{opacity:1;-webkit-text-fill-color:#a69ead}input::placeholder{color:#a69ead;opacity:1}.password-wrap{position:relative}.password-wrap input{padding-right:44px}.password-wrap svg{position:absolute;right:14px;top:16px;color:#918699}.forgot{display:block;margin:13px 0 25px auto;padding:4px 0;border:0;background:none;color:#b995ff;font-size:14px;text-decoration:underline;text-underline-offset:4px}.submit{width:100%;border:1px solid #643994;background:#391563;color:#ddd0f0;min-height:54px;font-size:14px;font-weight:600;padding:12px}.notice{color:#aaa2b6;font-size:14px;margin:14px 0 0;text-align:center}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;padding:26px 0;color:#a39cab;font-size:14px}footer>span{font-size:14px;letter-spacing:0}footer div{display:flex;gap:24px}dialog{background:#100c17;color:#f4f5f7;border:1px solid #57316c;width:calc(100% - 40px);max-width:470px;padding:36px}dialog::backdrop{background:#000b}dialog p:not(.eyebrow){color:var(--muted)}dialog .eyebrow{margin-top:12px;font-size:14px}.close{position:absolute;right:14px;top:8px;border:0;background:none;color:#fff;font-size:28px}.dialog-ok{border:0;background:#5104cd;color:#fff;padding:13px 22px;margin-top:12px;min-height:48px}
@media(min-width:1600px){main{min-height:750px}}@media(max-width:950px){header,main,footer{width:calc(100% - 48px)}main{gap:36px}h1{font-size:42px}.login{padding:26px}.intro{font-size:16px}footer{flex-wrap:wrap}}@media(max-width:700px){header{min-height:100px}.brand{width:165px}.back{font-size:14px;letter-spacing:0;max-width:140px;text-align:right}main{display:block;padding:42px 0 48px;min-height:0}h1{font-size:clamp(34px,7.2vw,48px)}.announcement{margin-bottom:40px}.eyebrow{font-size:14px;letter-spacing:0}.timing{margin-top:26px}.login{padding:26px 22px}footer{padding:23px 0}footer div{gap:20px;flex-wrap:wrap}}@media(max-width:360px){header,main,footer{width:calc(100% - 32px)}.brand{width:140px}.back{max-width:116px}h1{font-size:32px}.login{padding:24px 18px}.tag{letter-spacing:0}}
footer{flex-wrap:wrap}.credit{flex-basis:100%;margin:0;font-size:14px;line-height:1.6;color:#a39cab}.credit a{color:#c1bdc9;text-decoration:underline;text-underline-offset:4px}.credit a:hover{color:var(--accent)}