*{box-sizing:border-box}body{margin:0;background:#0a0c11;color:#f5f7fb;font-family:Inter,system-ui,sans-serif;background-image:radial-gradient(circle at 85% 15%,#5632a944,transparent 28%),radial-gradient(circle at 5% 65%,#0078a933,transparent 25%)}header,main,footer{max-width:1180px;margin:auto}header{height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}header b{letter-spacing:.12em}nav{display:flex;gap:24px}a{color:#c7d1df;text-decoration:none}.hero{padding:85px 28px 130px}.hero small,.self small{color:#7889a1;letter-spacing:.18em;font-weight:800}.hero h1{font-size:clamp(64px,10vw,124px);line-height:.85;letter-spacing:-.07em;margin:20px 0 32px}.hero em{font-style:normal;background:linear-gradient(90deg,#a875ff,#38ccff);background-clip:text;color:transparent}.hero p,.self p,article p{color:#8f9caf;line-height:1.6}.hero p{font-size:19px;max-width:620px;margin-bottom:30px}.btn,.ghost{display:inline-block;padding:14px 18px;border-radius:11px;margin-right:9px;font-weight:800}.btn{background:#f4f7fb;color:#10131a}.ghost{border:1px solid #353c4c}.hero pre,.self pre{margin-top:42px;padding:18px;border:1px solid #29303e;background:#10141c;border-radius:13px;color:#a9e0ff;overflow:auto}section:not(.hero){padding:0 28px 120px}h2{font-size:44px;letter-spacing:-.04em}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid article{padding:25px;border:1px solid #29303e;background:linear-gradient(#141923,#0e1218);border-radius:18px;min-height:220px}.grid h3{font-size:24px;margin-top:40px}.grid span,.grid article a{display:inline-block;margin-top:18px;padding:10px 13px;background:#202633;border-radius:9px;color:#aab5c5}.grid .hot{background:linear-gradient(145deg,#1b1530,#101b29)}.grid .hot a{background:#6848e8;color:white}.self{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.self h2{font-size:64px;margin:15px 0}.self pre{margin:0}footer{border-top:1px solid #252b37;padding:38px 28px 60px;font-weight:900}footer span{float:right;color:#657186;font-weight:400}@media(max-width:800px){nav a:not(:last-child){display:none}.grid{grid-template-columns:1fr 1fr}.self{grid-template-columns:1fr}}@media(max-width:500px){.grid{grid-template-columns:1fr}.hero h1{font-size:62px}}