:root{--bg:#0d131c;--ink:#e8eef7;--ink-dim:#9db0c6;--ink-faint:#6b7d93;--line:#8ca5c329;--input:#38d6c4;--output:#ff9f43;--radius:16px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}#landing{min-height:100vh;position:relative;overflow-x:hidden}.bg-grid{z-index:0;pointer-events:none;background:radial-gradient(900px 480px at 15% -8%,#38d6c429,#0000 60%),radial-gradient(760px 420px at 88% 4%,#ff9f431f,#0000 58%),linear-gradient(#0000 95%,#8ca5c312 95%) 0 0/44px 44px,linear-gradient(90deg,#0000 95%,#8ca5c312 95%) 0 0/44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 60%,#0000 95%);mask-image:linear-gradient(#000 0% 60%,#0000 95%)}.site-head,main,.site-foot{z-index:1;position:relative}.site-head{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:20px clamp(16px,5vw,56px);display:flex}.brand{color:var(--ink);letter-spacing:.01em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.brand .mark{color:var(--input);font-size:22px}.lang{border:1px solid var(--line);cursor:pointer;color:var(--ink-faint);background:#10172199;border-radius:999px;padding:7px 15px;font-size:13px}.lang .on{color:var(--input);font-weight:700}.lang:hover{border-color:#38d6c473}.hero{text-align:center;max-width:820px;margin:0 auto;padding:clamp(40px,8vw,90px) clamp(16px,5vw,56px) clamp(40px,7vw,80px)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--input);margin:0 0 14px;font-size:11px}.hero h1{letter-spacing:-.03em;margin:0 0 20px;font-size:clamp(40px,9vw,78px);font-weight:700;line-height:1.02}.hero h1 span{background:linear-gradient(120deg, var(--input), var(--output));color:#0000;-webkit-background-clip:text;background-clip:text}.lede{max-width:620px;color:var(--ink-dim);margin:0 auto 30px;font-size:clamp(15px,2vw,17.5px)}.cta{color:#d9fffb;background:linear-gradient(#38d6c44d,#38d6c429);border:1px solid #38d6c480;border-radius:999px;align-items:center;gap:10px;padding:14px 28px;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px #38d6c42e}.stats{flex-wrap:wrap;justify-content:center;gap:clamp(20px,6vw,60px);margin-top:48px;display:flex}.stats div{flex-direction:column;display:flex}.stats b{font-variant-numeric:tabular-nums;font-size:clamp(26px,5vw,38px);line-height:1}.stats span{margin-top:6px;font-size:13px}.stats i{color:var(--ink-faint);font-size:11.5px;font-style:normal}.chapters{max-width:1180px;margin:0 auto;padding:clamp(30px,6vw,60px) clamp(16px,5vw,56px) clamp(50px,8vw,90px)}.chapters h2{letter-spacing:-.01em;margin:0 0 6px;font-size:clamp(22px,4vw,30px)}.chapters .sub{color:var(--ink-dim);margin:0 0 26px;font-size:14.5px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#17202de0,#0f151ee0);padding:18px 18px 16px;transition:transform .16s,border-color .16s;position:relative;overflow:hidden}.card:before{content:"";background:var(--accent);opacity:.85;width:3px;position:absolute;inset:0 auto 0 0}.card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-3px)}.card .ico{margin-bottom:10px;font-size:24px;line-height:1}.card h3{margin:0 0 6px;font-size:17px}.card p{color:var(--ink-dim);margin:0 0 12px;font-size:13px}.meta{flex-wrap:wrap;gap:6px;display:flex}.tag{letter-spacing:.04em;border:1px solid var(--line);color:var(--ink-faint);border-radius:999px;padding:3px 9px;font-size:10.5px}.tag.ok{color:var(--input);border-color:#38d6c459}.enter{color:var(--input);margin-top:12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.enter:hover{text-decoration:underline}.site-foot{border-top:1px solid var(--line);max-width:1180px;color:var(--ink-dim);margin:0 auto;padding:26px clamp(16px,5vw,56px) 44px;font-size:13px}.site-foot p{margin:0 0 4px}.site-foot .dim{color:var(--ink-faint);font-size:12px}@media (max-width:560px){.brand span:last-child{display:none}}