:root{--bg:#070a14;--panel:#0f1424;--line:#212a45;--text:#e8ecf8;--mute:#98a2c3;--red:#ff2e3d;--amber:#ffc83d;--wa:#25d366}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 16px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);padding-bottom:72px;overflow-x:hidden}
h1,h2,h3{line-height:1.2;letter-spacing:-.015em}h2{font-size:1.6rem;margin:28px 0 10px}a{color:inherit}
.wrap{width:min(1080px,100% - 32px);margin-inline:auto}section{padding:44px 0}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
header{position:sticky;top:0;z-index:40;background:rgba(7,10,20,.92);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;font-size:.95rem}
.logo i{width:30px;height:22px;border-radius:6px;background:var(--red);display:grid;place-items:center}.logo i:after{content:"";border-left:8px solid #fff;border-block:5px solid transparent;margin-left:2px}
nav{display:flex;gap:20px;color:var(--mute);font-size:.92rem}nav a{text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:0;border-radius:999px;font:700 .96rem system-ui,sans-serif;cursor:pointer;text-decoration:none;color:#fff;text-align:center}
.red{background:linear-gradient(135deg,var(--red),#ff6a3d)}.wa{background:var(--wa);color:#04210f}.sm{min-height:38px;padding:0 16px;font-size:.86rem}
.hero{padding:56px 0 40px;background:radial-gradient(700px 340px at 85% 0,rgba(255,46,61,.22),transparent 70%)}
h1{font-size:clamp(2rem,5.4vw,3.3rem);margin-bottom:14px}.hero p,.sub{color:var(--mute);max-width:60ch;margin-bottom:20px}.cta{display:flex;flex-wrap:wrap;gap:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:12px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:6px}.card:hover{border-color:var(--red)}
.card p{color:var(--mute);font-size:.9rem}.card b{color:var(--amber);font-size:.86rem;margin-top:auto}
.post{max-width:760px;padding:36px 0}.post p,.post ul{margin:12px 0}.post ul{padding-left:22px}.post li{margin-bottom:6px}
.box{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--wa);border-radius:12px;padding:18px;margin:28px 0}.box p{color:var(--mute)}.box .btn{margin-top:6px}
.ad{margin:10px auto;width:min(1080px,100% - 32px);text-align:center;overflow:hidden}.ad small{display:block;color:#5d678a;font-size:.68rem}
.form{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:12px;max-width:640px;margin:28px 0}.form h2{margin:0}
label{display:grid;gap:5px;font-weight:700;font-size:.9rem}
input,select,textarea{width:100%;background:#080c1a;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 13px;font:inherit;min-height:46px}textarea{min-height:100px}
.hp{position:absolute;left:-9999px}.ok{background:#0e2a1a;border:1px solid var(--wa);padding:10px 14px;border-radius:10px}
footer{border-top:1px solid var(--line);padding:30px 0 16px;color:var(--mute);font-size:.88rem}.fl{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px}.fl a{text-decoration:none}
.float{position:fixed;right:18px;bottom:18px;z-index:50;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#04210f;font-weight:800;display:grid;place-items:center;text-decoration:none;box-shadow:0 8px 24px #000}
.mbar{display:none;position:fixed;inset:auto 0 0;z-index:50;padding:10px 12px;background:#070a14f5;border-top:1px solid var(--line)}.mbar .btn{width:100%}
@media(max-width:820px){nav,.float{display:none}.mbar{display:block}}@media(min-width:821px){body{padding-bottom:0}}
.lv{padding:60px 0 36px;background:radial-gradient(640px 320px at 80% 0,rgba(124,92,255,.32),transparent 70%),radial-gradient(520px 300px at 0 40%,rgba(46,125,255,.22),transparent 70%);background-size:140% 140%;animation:lvg 14s ease-in-out infinite alternate}
@keyframes lvg{to{background-position:100% 30%}}
.lv h1{background:linear-gradient(90deg,#fff,#b9a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--mute);max-width:64ch;margin-bottom:22px}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:99px;padding:5px 14px;font-size:.84rem;margin-bottom:14px}
.dot{width:9px;height:9px;border-radius:50%;background:#5d678a}.dot.on{background:#ff2e3d;animation:pl 1.2s infinite}.dot.up{background:var(--amber)}@keyframes pl{50%{box-shadow:0 0 0 7px rgba(255,46,61,0)}0%{box-shadow:0 0 0 0 rgba(255,46,61,.6)}}
.glow{background:linear-gradient(135deg,#2e7dff,#7c5cff);box-shadow:0 0 26px rgba(124,92,255,.55)}.glow:hover{box-shadow:0 0 38px rgba(124,92,255,.85)}
.ghost{background:transparent;border:1px solid #4c5a8f}.ghost.off{opacity:.55;cursor:not-allowed}.btn:disabled{opacity:.6}
.lcard{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;background:linear-gradient(160deg,#131a3a,#0d1124);border:1px solid #2b3668;border-radius:18px;padding:22px}.lcard h2{margin:0 0 6px}.lcard small{color:var(--mute)}
.meta{color:var(--mute);font-size:.9rem}.g{color:var(--wa)}.rr{color:#ff8a93}.nums{display:flex;gap:12px}.nums div{text-align:center;background:#0b1020;border:1px solid var(--line);border-radius:12px;padding:10px 16px;font-size:.8rem;color:var(--mute)}.nums b{display:block;font-size:1.5rem;color:#fff}
.er{background:#2a1017;border:1px solid #ff5a68;border-radius:10px;padding:10px 14px;font-size:.9rem}.chk{display:flex;gap:10px;align-items:flex-start;font-weight:400}.chk input{width:20px;min-height:20px;margin-top:4px}
.okc{border-color:var(--wa)}.sid{font:800 2rem/1.2 ui-monospace,monospace;letter-spacing:.06em;background:#080c1a;border:1px dashed #4c5a8f;border-radius:12px;padding:14px;text-align:center}
@media(prefers-reduced-motion:reduce){.lv,.dot.on{animation:none}}