:root{--bg:#0C1215;--panel:#141C21;--card:#1C272D;--ink:#E8F1F3;--sub:#AFC0C7;--teal:#5AB9C0;--line:#2A373E;--onteal:#08262C}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--teal)}header,main,footer{max-width:1080px;margin:auto;padding:20px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
header img{height:30px}nav a{margin-left:18px;text-decoration:none;color:var(--sub)}nav a.btn{color:var(--onteal)}
.btn{display:inline-block;background:var(--teal);color:var(--onteal);padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.hero{padding:56px 0 30px}.hero h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:0 0 14px}
.hero p{color:var(--sub);font-size:19px;max-width:640px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.card h3{margin-top:0}.price{font-size:28px;font-weight:800}
.card ul{padding-left:18px;color:var(--sub)}.soon{font-size:12px;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:1px 6px;margin-left:6px}
.hl{border-color:var(--teal)}pre{white-space:pre-wrap;font:inherit;background:var(--card);padding:22px;border-radius:14px;border:1px solid var(--line)}
footer{color:var(--sub);font-size:14px;border-top:1px solid var(--line)}.warn{background:#27241A;color:#CDB680;padding:10px 14px;border-radius:10px}