/* webinar-register pages — matches the Framer landing page (Orbitron/Poppins, black → #565ae6, cyan #00ffff). */
*{box-sizing:border-box}
html,body{margin:0;background:#000;color:#fff;font-family:Poppins,system-ui,sans-serif}
a{color:#00ffff}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,5vw,96px);border-bottom:1px solid rgba(255,255,255,.08)}
.top img{width:min(297px,55vw);height:auto;display:block}
.pill{display:inline-flex;align-items:center;height:46px;padding:0 28px;border-radius:999px;background:#00ffff;color:#000;font-weight:600;text-decoration:none;white-space:nowrap}
@media (max-width:640px){.top .pill{display:none}}
h1,h2{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.01em;margin:0}
.hero{text-align:center;padding:72px 16px 64px;background:radial-gradient(60% 100% at 50% 114%,#565ae6 5%,#000 94%)}
.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.08;color:#fff}
.hero .lead{font-size:clamp(17px,2.2vw,22px);margin:20px auto 10px;max-width:640px}
.hero .meta{color:#00ffff;font-weight:500;margin:0}
.signup{text-align:center;padding:72px 16px 96px;background:linear-gradient(180deg,#000 22%,#565ae6 100%)}
.signup h2{color:#00ffff;font-size:clamp(30px,4.5vw,44px);margin-bottom:28px}
.signup .sub{font-size:clamp(16px,2vw,20px);line-height:1.5;margin:0 0 26px}
.ticks{list-style:none;padding:0;margin:0 auto 36px;display:inline-flex;flex-direction:column;gap:12px;text-align:left}
.ticks li{position:relative;padding-left:30px;font-size:17px}
.ticks li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border:2px solid #00ffff;border-radius:50%}
.ticks li::after{content:"";position:absolute;left:5px;top:8px;width:6px;height:4px;border-left:2px solid #00ffff;border-bottom:2px solid #00ffff;transform:rotate(-45deg)}
.confirm{min-height:calc(100vh - 110px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:56px 16px 80px;background:radial-gradient(100% 50% at 50% 100%,#565ae6 5%,#000 94%)}
.confirm .check{position:relative;width:min(420px,80vw);height:72px;display:flex;align-items:center;justify-content:center}
.confirm .check::before{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:#00ffff;border-radius:2px}
.confirm .check span{position:relative;width:72px;height:72px;border-radius:50%;background:#00ffff}
.confirm .check span::after{content:"";position:absolute;left:25px;top:22px;width:20px;height:11px;border-left:4px solid #000;border-bottom:4px solid #000;transform:rotate(-45deg)}
.confirm h1{color:#00ffff;font-size:clamp(34px,6vw,58px)}
.confirm .when{font-size:17px;margin:6px 0 0}
.ghost{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 26px;border-radius:14px;background:#000;border:1px solid #00ffff;color:#fff;text-decoration:none;font-weight:500}
.already{margin:-14px 0 26px;font-size:15px}
.already a{font-weight:600}
.back-card{max-width:560px;margin:0 auto;background:rgba(255,255,255,.06);border:1px solid rgba(0,255,255,.28);border-radius:24px;padding:28px;text-align:center}
.back-card[hidden]{display:none}
.back-card h3{font-family:Orbitron,sans-serif;color:#00ffff;font-size:22px;margin:0 0 10px}
.back-card p{margin:0 0 20px;line-height:1.5}
.back-card .pill{display:inline-flex}
.back-card button{display:block;margin:16px auto 0;background:none;border:0;color:rgba(255,255,255,.75);text-decoration:underline;font:inherit;font-size:14px;cursor:pointer}
.note{font-size:14.5px;color:rgba(255,255,255,.8);max-width:560px;margin:0}