:root{--bg:#111;--pn:#1e1e1e;--tm:#f5f5f5;--tu:#a0a0a0;--sy:#FFFC00;--fp:#a259ff;--fb:#18a0fb;--bd:#2c2c2c;--sd:rgba(0,0,0,.6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--tm);height:100vh;width:100vw;overflow:hidden;display:grid;grid-template-columns:280px 1fr 260px;grid-template-rows:48px 1fr 36px;grid-template-areas:"h h h" "l m r" "f f f"}@media(max-width:900px){body{grid-template-columns:1fr;grid-template-areas:"h" "m" "f"}.pl,.pr{display:none!important}}header{grid-area:h;border-bottom:1px solid var(--bd);display:flex;align-items:center;padding:0 20px;background:var(--bg);z-index:10;justify-content:space-between}header img{height:20px}.tb{display:flex;gap:16px;color:var(--tu);font-size:13px;font-weight:400;letter-spacing:.3px}.tl{cursor:pointer;transition:color .2s}.tl:hover{color:var(--tm)}.pn{background:var(--pn);padding:20px;display:flex;flex-direction:column;gap:10px;z-index:5}.pl{grid-area:l;border-right:1px solid var(--bd);transform:translateX(-100%);animation:sl .7s cubic-bezier(.175,.885,.32,1.275) forwards}.pr{grid-area:r;border-left:1px solid var(--bd);transform:translateX(100%);animation:sr .7s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes sl{to{transform:translateX(0)}}@keyframes sr{to{transform:translateX(0)}}.pt{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--tu);font-weight:700;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.lc{background:#262626;border:1px solid transparent;border-radius:4px;padding:10px 12px;font-size:13px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s ease;position:relative}.lc:hover{background:#2e2e2e;border-color:var(--fp)}.lc.a{background:rgba(24,160,251,.15);border-color:var(--fb);box-shadow:0 0 0 1px var(--fb) inset;color:#fff}.lc::before{content:'';width:6px;height:6px;background:var(--fp);border-radius:50%;opacity:0;transition:opacity .2s}.lc:hover::before{opacity:1}.lc.a::before{background:var(--fb);opacity:1}main{grid-area:m;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;position:relative;background:radial-gradient(circle at center,#1e1e1e 0,var(--bg) 100%)}.cg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(var(--bd) 1px,transparent 1px),linear-gradient(90deg,var(--bd) 1px,transparent 1px);background-size:32px 32px;opacity:.4;pointer-events:none}h1{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;line-height:1.05;margin-bottom:20px;z-index:2;letter-spacing:-1.5px;color:#fff;text-shadow:0 4px 20px var(--sd)}p{font-size:clamp(1rem,1.5vw,1.15rem);color:var(--tu);max-width:560px;margin-bottom:40px;z-index:2;line-height:1.6}.cw{display:inline-block;padding:24px;z-index:10;cursor:pointer}.cb{background:var(--sy);color:#000;font-weight:700;font-size:15px;padding:16px 40px;border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;box-shadow:0 4px 20px rgba(255,252,0,.15);transition:transform .1s ease-out,box-shadow .2s;outline:0;letter-spacing:-.2px}.cb:focus-visible{box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--fb)}.cb:hover{box-shadow:0 6px 24px rgba(255,252,0,.35)}.ci{width:18px;height:18px;fill:currentColor}.rw{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px;border-bottom:1px solid #252525;padding-bottom:8px}.rl{color:var(--tu)}.rv{color:var(--tm);font-family:monospace}.rv.g{color:#4ade80}footer{grid-area:f;border-top:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:11px;background:var(--bg);z-index:10;gap:24px}footer a{color:var(--tu);text-decoration:none;transition:color .2s}footer a:hover{color:var(--fb)}