*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0b0d12;color:#e8eaf0}
a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-weight:800;font-size:22px;text-decoration:none}.logo span{color:var(--acc)}nav a.btn{margin-left:10px}
.btn{display:inline-block;background:var(--acc);color:#0b0d12;padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:700;border:0;cursor:pointer;font-size:15px}
.btn.ghost{background:transparent;color:#e8eaf0;border:1px solid #333a48}.hero{text-align:center;padding:70px 0 40px}
.hero h1{font-size:52px;line-height:1.05;margin:0 0 16px;letter-spacing:-1px}.hero p{font-size:19px;color:#a7adbd;max-width:640px;margin:0 auto 26px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#141822;border:1px solid #232a38;border-radius:16px;padding:22px}
.card h3{margin-top:0}section{padding:40px 0}h2{font-size:32px;text-align:center}.price{font-size:38px;font-weight:800}.price small{font-size:15px;color:#8b92a5}
.pop{border-color:var(--acc)}input,textarea,select{width:100%;padding:11px;border-radius:10px;border:1px solid #2c3444;background:#0f131b;color:#e8eaf0;font-size:15px;margin:6px 0 12px}
label{font-size:14px;color:#a7adbd}footer{color:#6b7285;text-align:center;padding:40px 0;font-size:14px}code,pre{background:#0f131b;border-radius:8px;padding:2px 6px}pre{padding:14px;overflow:auto}
.muted{color:#8b92a5}ul.f{padding-left:18px;color:#c3c8d4;line-height:1.8}.ok{color:#5ee6a0}.err{color:#ff7a7a}