:root{
  --void:#180A26; --ember:#FF7A18; --flare:#FF2D8E; --violet:#7C2BFF; --ice:#6FE3FF; --mint:#3FE0A8;
  --white:#fff; --ink:#1B0E2B; --ink-60:rgba(27,14,43,.62); --ink-40:rgba(27,14,43,.42);
  --lite:rgba(255,255,255,.72); --lite-45:rgba(255,255,255,.45); --lite-25:rgba(255,255,255,.25);
  --edge:rgba(255,255,255,.14);
  --display:"Archivo","Arial Black",Helvetica,sans-serif;
  --body:"Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--void);color:var(--white);font-family:var(--body);font-size:15px;line-height:1.55;
 -webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}
a{color:inherit}
:focus-visible{outline:3px solid var(--ice);outline-offset:3px}
h1,h2{font-family:var(--display);font-weight:800;font-stretch:118%;margin:0;text-transform:uppercase;line-height:1;letter-spacing:-.01em}

.glow{position:fixed;left:50%;top:52%;transform:translate(-50%,-50%);width:min(1500px,180vw);height:min(880px,120vw);
 border-radius:50%;z-index:0;pointer-events:none;
 background:radial-gradient(closest-side,#FFF9D8 0%,#FFD84D 9%,#FFA51F 17%,var(--ember) 26%,#FF4F5E 36%,var(--flare) 47%,#B31F79 59%,#6A1553 73%,rgba(24,10,38,0) 92%);
 animation:breathe 12s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.04)}}

.top{position:relative;z-index:2;padding:20px clamp(18px,4vw,46px);display:flex;align-items:center;gap:18px}
.mark{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--display);font-weight:800;font-stretch:105%;font-size:20px}
.mark .seed{width:26px;height:26px;border-radius:9px;background:linear-gradient(140deg,var(--mint),var(--ice) 55%,var(--flare));flex:none}
.back{margin-left:auto;font-size:13px;font-weight:700;text-decoration:none;padding:10px 17px;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px var(--edge)}
.back:hover{background:rgba(255,255,255,.18)}

.stage{position:relative;z-index:2;flex:1;display:grid;place-items:center;padding:clamp(16px,3vw,40px) clamp(18px,4vw,46px) 50px}
.hand{display:grid;grid-template-columns:minmax(0,430px) minmax(0,330px);gap:22px;align-items:stretch;max-width:790px;width:100%}

.formcard{background:var(--white);color:var(--ink);border-radius:28px;padding:clamp(20px,3vw,30px);
 box-shadow:0 50px 90px -34px rgba(10,0,20,.9),0 0 0 1px rgba(255,255,255,.4)}
.tabs{display:flex;gap:5px;background:#F3EFF8;border-radius:999px;padding:4px;margin-bottom:22px}
.tabs button{flex:1;font-family:var(--body);font-size:13px;font-weight:700;padding:11px;border:0;border-radius:999px;background:transparent;cursor:pointer;color:var(--ink-60)}
.tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.formcard h1{font-size:clamp(26px,3.4vw,34px);color:var(--ink)}
.formcard .sub{font-size:13.5px;color:var(--ink-60);margin:9px 0 22px}
label.f{display:block;font-size:10.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-40);margin-bottom:7px}
.inp{width:100%;font-family:var(--body);font-size:14.5px;padding:14px 16px;border-radius:14px;border:0;background:#F5F1FA;color:var(--ink)}
.inp::placeholder{color:var(--ink-40)}
.inp:focus{outline:none;box-shadow:inset 0 0 0 2px var(--violet)}
select.inp{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 21px) 23px,calc(100% - 16px) 23px;background-size:5px 5px;background-repeat:no-repeat}
.fld{margin-bottom:15px}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 20px}
.chk{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;cursor:pointer}
.chk input{width:17px;height:17px;accent-color:var(--flare)}
.row a{font-size:12.5px;font-weight:700;text-decoration:none;color:var(--violet)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;font-family:var(--body);font-size:15px;font-weight:700;
 border:0;border-radius:999px;padding:16px 22px;cursor:pointer;background:linear-gradient(96deg,var(--ember),var(--flare));color:#fff;
 box-shadow:0 12px 30px -10px rgba(255,45,142,.85);transition:transform .18s,box-shadow .18s}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px -10px rgba(255,45,142,.95)}
.legal{font-size:12.5px;color:var(--ink-40);margin:16px 0 0;text-align:center}
.legal a{font-weight:700;color:var(--violet);text-decoration:none}
.orbar{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--ink-40);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.orbar::before,.orbar::after{content:"";flex:1;height:1px;background:rgba(27,14,43,.12)}
.social{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.social button{font-family:var(--body);font-size:13.5px;font-weight:700;padding:13px;border:0;border-radius:14px;background:#F5F1FA;color:var(--ink);cursor:pointer}
.social button:hover{background:#EBE5F4}

.sidecard{border-radius:28px;padding:clamp(20px,3vw,28px);background:rgba(24,10,38,.55);backdrop-filter:blur(16px);
 box-shadow:inset 0 0 0 1px var(--edge);display:flex;flex-direction:column}
.sidecard .eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lite-45)}
.sidecard h2{font-size:clamp(22px,2.8vw,28px);margin:12px 0 18px}
.sidecard ul{list-style:none;margin:0 0 auto;padding:0}
.sidecard li{display:flex;gap:12px;align-items:flex-start;font-size:13px;padding:11px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.sidecard li:first-child{box-shadow:none}
.sidecard li b{flex:none;font-size:11px;font-weight:800;letter-spacing:.05em;padding:4px 9px;border-radius:999px;background:linear-gradient(96deg,var(--ember),var(--flare))}
.sidecard .foot{margin-top:22px;padding-top:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);font-size:12px;color:var(--lite-45)}
.stars{color:#FFD84D;font-size:13px;letter-spacing:.08em}

footer{position:relative;z-index:2;padding:0 clamp(18px,4vw,46px) 24px;display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--lite-25)}
footer a{text-decoration:none}
.hide{display:none}

@media (max-width:820px){
  .hand{grid-template-columns:1fr;max-width:440px}
  .sidecard{order:2}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.001ms!important}}