:root{--bg:#05060f;--tx:#d1e4fa;--v:#663af3;--v2:#8a4dff;--vl:#b9a4ff;--cy:#05a7c7;--ln:rgba(186,215,247,.14);--ok:#5fb98c;--warn:#e0a94c;--err:#e0674c}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(900px 520px at 12% -5%,rgba(102,58,243,.35),transparent 62%),radial-gradient(760px 520px at 95% 10%,rgba(5,167,199,.18),transparent 62%),var(--bg);color:var(--tx);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;min-height:100vh}
a{color:var(--vl)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.top{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
header.top b{font-size:18px;color:#fff;letter-spacing:-.01em}
header.top nav a{margin-left:18px;text-decoration:none;color:var(--tx)}
header.top nav a:hover{color:#fff}
h1{font-size:clamp(32px,5vw,54px);line-height:1.08;margin:40px 0 14px;letter-spacing:-.025em;background:linear-gradient(0deg,#98c0ef,#d8ecf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
h2{color:#fff;font-size:26px;letter-spacing:-.02em;margin:48px 0 14px}
h3{color:#fff;margin:0 0 6px}
p.lead{font-size:19px;max-width:700px;color:#c7d3ea}
.btn{display:inline-block;border:0;cursor:pointer;text-decoration:none;font:600 15px Inter,sans-serif;color:#fff;background:linear-gradient(100deg,var(--v),var(--v2));padding:13px 26px;border-radius:999px;box-shadow:0 12px 30px -8px rgba(102,58,243,.8)}
.btn:hover{filter:brightness(1.1)}
.btn.ghost{background:rgba(186,215,247,.07);border:1px solid var(--ln);box-shadow:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.card{background:rgba(186,215,247,.035);border:1px solid var(--ln);border-radius:16px;padding:18px}
.precio{font-size:44px;color:#fff;font-weight:700;letter-spacing:-.02em}
.muted{color:#9da7ba;font-size:14px}
input[type=text],input[type=email],input[type=password],textarea,select{width:100%;background:rgba(186,215,247,.06);border:1px solid rgba(186,215,247,.22);color:#fff;border-radius:12px;padding:12px 14px;font:15px Inter,sans-serif}
input:focus,textarea:focus{outline:none;border-color:var(--v2);box-shadow:0 0 0 4px rgba(102,58,243,.28)}
label{display:block;margin:12px 0 6px;font-size:14px;color:#c7d3ea}
.msg{margin-top:12px;padding:10px 14px;border-radius:12px;border:1px solid var(--ln)}
.msg.ok{border-color:rgba(95,185,140,.5);color:var(--ok)}.msg.err{border-color:rgba(224,103,76,.55);color:var(--err)}
.clave{font:600 24px 'JetBrains Mono',ui-monospace,monospace;color:#fff;letter-spacing:.06em;padding:16px;border-radius:14px;background:rgba(102,58,243,.18);border:1px solid rgba(185,164,255,.4);text-align:center;word-break:break-all}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:8px 10px;border-bottom:1px solid var(--ln);text-align:left}
th{color:#9da7ba;font-weight:600}
ol.pasos{padding-left:22px}ol.pasos li{margin:10px 0}
footer{margin:70px 0 30px;color:#9da7ba;font-size:13px;border-top:1px solid var(--ln);padding-top:18px}
code{font-family:'JetBrains Mono',ui-monospace,monospace;background:rgba(186,215,247,.08);padding:1px 6px;border-radius:6px;font-size:.9em}
@media(max-width:640px){header.top nav a{margin-left:10px;font-size:14px}.precio{font-size:36px}}