*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0b0f14;color:#e6edf3;line-height:1.55}
a{color:#7cc4ff}.wrap{max-width:960px;margin:0 auto;padding:0 20px}header{padding:18px 0;border-bottom:1px solid #1f2a36}
.logo{font-weight:800;font-size:20px}.logo span{color:#4ade80}.hero{padding:64px 0 32px}.hero h1{font-size:40px;line-height:1.15;margin:0 0 14px}
.sub{color:#9fb0c0;font-size:18px;max-width:680px}.card{background:#111823;border:1px solid #1f2a36;border-radius:14px;padding:22px;margin:18px 0}
label{display:block;font-weight:600;margin:12px 0 6px}input{width:100%;padding:11px;border-radius:8px;border:1px solid #2b3a4a;background:#0b0f14;color:#e6edf3;font-size:15px}
button,.btn{display:inline-block;background:#4ade80;color:#06210f;border:0;border-radius:8px;padding:11px 18px;font-weight:700;cursor:pointer;margin-top:14px;text-decoration:none}
.btn.ghost{background:#1f2a36;color:#e6edf3}code,pre{background:#0b0f14;border:1px solid #2b3a4a;border-radius:6px;padding:2px 6px;font-size:13px;overflow-x:auto}pre{padding:10px}
.steps{display:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.price{font-size:28px;font-weight:800}
.muted{color:#9fb0c0;font-size:14px}.ph{font-size:12px;color:#fbbf24}h2{margin-top:48px}footer{border-top:1px solid #1f2a36;margin-top:56px;padding:24px 0;color:#9fb0c0;font-size:14px}
.warn{border-left:4px solid #fbbf24;padding-left:12px}