*{box-sizing:border-box}body{margin:0;background:#070914;color:#f5f7ff;font:14px Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:72px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#070914dd;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{font-size:18px;font-weight:800}.brand b{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:8px;border-radius:9px;background:linear-gradient(135deg,#18c8ff,#8b5cf6);font-size:11px}.brand i,em{font-style:normal;color:#18c8ff}nav{display:flex;gap:28px;color:#9ba4bf}nav a:hover{color:#fff}.cart{border:1px solid #222b48;padding:10px 14px;border-radius:9px}.hero{max-width:1180px;margin:auto;min-height:650px;padding:90px 25px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;background:radial-gradient(circle at 70% 30%,#43358a33,transparent 35%)}.pill{color:#64edaf;font-size:10px;font-weight:800;letter-spacing:.15em}.hero h1{font-size:clamp(65px,9vw,110px);line-height:.83;letter-spacing:-.07em;margin:25px 0}.hero h1 em,h2 em{background:linear-gradient(90deg,#18c8ff,#9b5cff);color:transparent;background-clip:text}.hero p{max-width:580px;color:#9ba4bf;line-height:1.7}.actions{display:flex;gap:12px;margin:28px 0}.actions a,.buy{padding:13px 18px;border-radius:10px;background:linear-gradient(90deg,#18c8ff,#8b5cf6);font-weight:800}.actions .ghost{background:#ffffff08;border:1px solid #222b48}.ip{color:#9ba4bf;font-size:12px}.ip code{color:#b8edff;background:#ffffff08;padding:7px 10px;border-radius:7px;margin:0 5px}.ip button{background:none;border:0;color:#18c8ff}.server{padding:28px;border:1px solid #222b48;border-radius:20px;background:#0e1425cc;display:flex;align-items:center;gap:14px;box-shadow:0 30px 80px #0008}.icon{font-size:38px;width:68px;height:68px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#123e68,#542679)}.server small,.server span{display:block;color:#8d97b1;font-size:10px}.server strong{display:block;font-size:20px;margin:5px 0}.server label{margin-left:auto;color:#64edaf;font-size:9px}section{max-width:1180px;margin:auto;padding:75px 25px}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.head small,.about>small,.modal>small{color:#18c8ff;font-weight:800;letter-spacing:.16em}.head h2,.about h2{font-size:42px;margin:8px 0;letter-spacing:-.04em}.head p{color:#9ba4bf;max-width:360px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;padding:28px;border:1px solid #222b48;border-radius:17px;background:linear-gradient(145deg,#10162a,#0a0e19);cursor:pointer}.card:hover{transform:translateY(-4px);transition:.2s;border-color:#3a4770}.card.hot{border-color:#18c8ff55}.card>b{position:absolute;right:15px;top:15px;color:#5cddff;font-size:9px}.card>div{font-size:40px;margin-bottom:15px}.card h3{font-size:24px;margin:8px 0}.card p{color:#9ba4bf;min-height:38px}.card strong{display:block;font-size:23px;margin:20px 0}.card strong small{font-size:10px;color:#818aa2}.card button{width:100%;padding:11px;border:1px solid #ffffff12;background:#ffffff08;color:#fff;border-radius:9px;font-weight:700}.about{border:1px solid #222b48;border-radius:20px;padding:45px;background:radial-gradient(circle at 80%,#6535a622,transparent 35%),#0c1020}.about p{max-width:700px;color:#9ba4bf;line-height:1.7}.tags{display:flex;gap:9px;flex-wrap:wrap}.tags span{padding:9px 12px;background:#ffffff08;border:1px solid #ffffff0c;border-radius:8px;font-size:12px}footer{max-width:1180px;margin:auto;padding:30px 25px 45px;color:#69738e;font-size:11px;display:flex;justify-content:space-between}#modal{display:none;position:fixed;inset:0;background:#000b;backdrop-filter:blur(10px);place-items:center;padding:18px;z-index:20}.modal{position:relative;width:min(470px,100%);background:#0c1120;border:1px solid #ffffff16;border-radius:19px;padding:30px}.modal .x{position:absolute;right:13px;top:9px;background:none;border:0;color:#8992ad;font-size:27px}.big{font-size:45px}.modal h2{font-size:38px;margin:4px 0}.modal p,.modal li{color:#aab3ca}.modal ul{list-style:none;padding:0;line-height:2}.modal hr{border:0;border-top:1px solid #222b48;margin:20px 0}.modal label{display:block;color:#9ba4bf;font-size:11px;margin-bottom:6px}.modal input{width:100%;padding:12px;border-radius:9px;border:1px solid #222b48;background:#070a13;color:#fff;margin-bottom:10px}.buy{width:100%;border:0;color:white}.modal>small{display:block;text-align:center;color:#68718d;font-size:9px;letter-spacing:0;margin-top:9px}
@media(max-width:760px){header{height:62px;padding:0 18px}nav{display:none}.hero{grid-template-columns:1fr;padding:65px 18px}.hero h1{font-size:72px}.server{margin-top:15px}.head{display:block}.head p{margin-top:14px}.grid{grid-template-columns:1fr}section{padding:55px 18px}.head h2,.about h2{font-size:34px}.actions{flex-direction:column}.actions a{text-align:center}footer{padding:25px 18px;display:block}footer span{display:block;margin-top:7px}}