:root{font-family:Inter,system-ui,sans-serif;color:#f6f7fa;background:#08090d}*{box-sizing:border-box}body{margin:0;min-height:100vh}.glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 14%,#dd263222,transparent 32%),radial-gradient(circle at 90% 88%,#ad0c2422,transparent 36%)}.layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,.85fr);min-height:100vh;padding:18px;gap:18px}.intro,.panel{border:1px solid #ffffff14;border-radius:30px}.intro{padding:clamp(28px,5vw,70px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#271116,#0d0e15 62%)}.brand{display:flex;align-items:center;gap:12px;color:white;font-size:21px;font-weight:900;text-decoration:none}.brand img{width:46px;height:46px;object-fit:contain}.brand b{color:#ff4155}.eyebrow,.badge{font-size:11px;font-weight:900;letter-spacing:.2em;color:#ff6578}.intro h1{font-size:clamp(46px,6vw,88px);line-height:.97;letter-spacing:-.065em;margin:16px 0}.intro h1 span{color:#ff4155}.intro p{color:#afb1be;line-height:1.7;max-width:540px}.steps{display:grid;gap:12px;margin-top:34px}.steps div{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;padding:13px 15px;border-radius:17px;background:#ffffff08;border:1px solid #ffffff0e}.steps i{grid-row:span 2;display:grid;place-items:center;height:42px;border-radius:13px;background:#f631481b;color:#ff6a7b;font-size:13px;font-weight:900;font-style:normal}.steps small{color:#8c8e9e}.security{font-size:12px}.panel{padding:clamp(22px,4vw,55px);display:flex;flex-direction:column;justify-content:center;background:#101117}.back{align-self:flex-end;margin-bottom:28px;color:#aeb0bd;text-decoration:none;font-size:13px;font-weight:700}.card{width:min(100%,500px);margin:auto}.heading h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.04em;margin:11px 0 8px}.heading p{color:#9a9daa;font-size:14px;line-height:1.6;margin:0 0 25px}.game-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 23px}.game-tabs button{padding:15px;border-radius:14px;border:1px solid #ffffff14;background:#181a21;color:#b8bbc7;font:800 14px Inter;cursor:pointer}.game-tabs button.selected{background:#f331481c;color:#ff7180;border-color:#f331486b}label{display:block;margin:15px 0 8px;font-size:12px;font-weight:800;color:#d8d9e0}input{width:100%;padding:15px 16px;border-radius:14px;border:1px solid #ffffff1c;background:#0b0c11;color:white;font:600 15px Inter;outline:none}input:focus{border-color:#ff5266;box-shadow:0 0 0 4px #ff52661b}.input-row{display:flex;gap:8px}.input-row button,.submit{border:0;border-radius:14px;background:linear-gradient(120deg,#ff4357,#cb1634);color:white;font:800 14px Inter;cursor:pointer}.input-row button{padding:0 23px}.submit{width:100%;padding:17px;margin-top:21px}.player-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #4bcc9180;border-radius:16px;background:#31b77718;margin-top:16px}.player-card[hidden],form[hidden]{display:none}.player-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#29a86b;color:white}.player-card div{display:grid;gap:4px;flex:1;min-width:0}.player-card small{color:#77d3aa;font-size:10px;font-weight:900;letter-spacing:.12em}.player-card strong{overflow-wrap:anywhere}.player-card div span{font-size:12px;color:#a5b5ac}.player-card button{background:none;border:0;color:#b3e9ca;font-weight:800;cursor:pointer}.or{display:flex;align-items:center;gap:12px;margin:27px 0 16px;color:#6e7280;font-size:11px;font-weight:800;letter-spacing:.14em}.or:before,.or:after{content:'';height:1px;background:#ffffff19;flex:1}.links{display:flex;flex-wrap:wrap;gap:8px}.links a{padding:11px 13px;border:1px solid #ffffff1c;border-radius:12px;color:#d8d9e0;text-decoration:none;font-size:12px;font-weight:700}#message:not(:empty){padding:12px 14px;border:1px solid #fa53636b;color:#ffabb3;border-radius:12px;background:#fa536317;font-size:13px;line-height:1.5}@media(max-width:900px){.layout{display:block;padding:0}.intro{border:0;border-radius:0;padding:24px 22px 20px}.intro>div{margin-top:35px}.intro h1{font-size:40px}.intro p{font-size:13px}.steps,.security{display:none}.panel{border:0;border-radius:25px 25px 0 0;min-height:65vh;padding:22px 18px 50px}.back{align-self:flex-start;margin:0 0 20px}.card{width:100%}}@media(max-width:400px){.game-tabs button{font-size:12px}.input-row button{padding:0 14px}}
.otp-help{font-size:12px;color:#aeb1bf;line-height:1.5}#otp-panel[hidden]{display:none}.input-row button:disabled,.submit:disabled{opacity:.55;cursor:wait}