*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0d0f12;color:#f2f2f2;line-height:1.5;max-width:520px;margin:auto}
a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #222;position:sticky;top:0;background:#0d0f12ee;backdrop-filter:blur(8px);z-index:5}
.logo{font-weight:800;letter-spacing:.08em}.logo span{color:#3ee08f}nav a{margin-left:14px;font-size:14px;text-decoration:none;opacity:.8}nav a.on{opacity:1;color:#3ee08f}
section{padding:36px 20px}.hero{padding:64px 20px;background:radial-gradient(circle at 70% 10%,#1f6f4a55,transparent 60%)}
h1{font-size:38px;line-height:1.1;margin-bottom:14px}h2{font-size:24px;margin-bottom:12px}p{opacity:.85}
.btn{display:inline-block;margin-top:22px;padding:14px 22px;border-radius:999px;background:#3ee08f;color:#06130c;font-weight:700;text-decoration:none;border:0;font-size:16px}
.btn.ghost{background:transparent;color:#f2f2f2;border:1px solid #444;margin-left:8px}
.card{background:#161a1f;border:1px solid #23292f;border-radius:16px;padding:20px;margin-top:14px}.card h3{margin-bottom:6px}
.price{font-size:32px;font-weight:800}.tag{font-size:11px;letter-spacing:.1em;color:#f5b84b;font-weight:700}
ol li,ul li{margin:8px 0 8px 18px;opacity:.85}footer{padding:28px 20px;font-size:12px;opacity:.55;border-top:1px solid #222}
#gate{position:fixed;inset:0;background:#0d0f12;display:flex;align-items:center;justify-content:center;z-index:9;padding:24px;text-align:center}
#gate.hide{display:none}.feat{border-color:#3ee08f}