*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#050508;color:#f5f5f7;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#b98bff}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:15px}
nav a{color:#c9c9d2;text-decoration:none;margin-left:18px}
nav .brand{color:#fff;font-weight:700;margin:0}
.hero{text-align:center;padding:36px 0 28px}
.orb{position:relative;width:176px;height:176px;margin:0 auto 22px;display:grid;place-items:center}
.orb img{width:132px;height:132px;border-radius:50%;object-fit:cover}
.orb:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 210deg,#ff3d9a,#a64dff,#3b82ff,#ff3d9a);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));filter:drop-shadow(0 0 16px rgba(255,61,154,.45))}
h1{font-size:44px;line-height:1.1;letter-spacing:-.02em}
.tag{color:#9a9aa5;margin-top:6px}
.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#9a9aa5;margin-top:14px}
.lead{font-size:20px;margin:22px auto 0;max-width:560px;color:#e6e6ec}
.cta{display:inline-block;margin-top:26px;padding:14px 26px;border-radius:999px;background:linear-gradient(90deg,#ff3d9a,#a64dff,#3b82ff);color:#fff;font-weight:700;text-decoration:none}
.note{font-size:14px;color:#9a9aa5;margin-top:12px}
.pill{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#cfcfd8;border:1px solid #3a3a46;border-radius:999px;padding:4px 12px;margin-top:20px}
section{padding:34px 0;border-top:1px solid #17171f}
h2{font-size:26px;margin-bottom:14px;letter-spacing:-.01em}
h3{font-size:18px;margin:18px 0 6px}
p{margin:0 0 12px;color:#d6d6de}
.grid{display:grid;gap:12px}
@media(min-width:620px){.grid{grid-template-columns:1fr 1fr}}
.card{background:#0e0e14;border:1px solid #1f1f29;border-radius:16px;padding:18px}
.card h3{margin-top:0}
.card p{margin:0;font-size:15.5px}
ol,ul{padding-left:22px;color:#d6d6de}
li{margin:6px 0}
.steps{background:#0e0e14;border:1px solid #1f1f29;border-radius:16px;padding:18px 18px 18px 38px;margin-top:8px}
details{background:#0e0e14;border:1px solid #1f1f29;border-radius:14px;padding:14px 18px;margin:10px 0}
summary{cursor:pointer;font-weight:600}
details p{margin:10px 0 0}
footer{padding:30px 0 50px;color:#8a8a95;font-size:14px;border-top:1px solid #17171f}
form{margin-top:14px;display:grid;gap:14px}
form label{display:grid;gap:6px;font-size:15px;color:#d6d6de}
form input:not([type=checkbox]),form textarea{width:100%;background:#0e0e14;border:1px solid #2a2a36;border-radius:12px;color:#f5f5f7;font:inherit;padding:12px 14px}
form input:focus,form textarea:focus{outline:2px solid #a64dff;border-color:transparent}
form .consent{display:flex;gap:10px;align-items:flex-start;font-size:14px}
form .consent input{margin-top:4px;width:18px;height:18px;flex:none}
form button.cta{margin-top:0;border:0;font:inherit;font-weight:700;cursor:pointer}
form button:disabled{opacity:.6}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
#msg{margin:0;min-height:1.4em}#msg.ok{color:#6ee7a0}#msg.err{color:#ff8aa8}
