:root{
  --bg:#faf7f0;--paper:#f3efe4;--panel:#fff;--ink:#1c1710;--sub:#6f6553;--border:#e6dcc7;
  --accent:#c1892f;--accent-ink:#201503;--red:#bf3a26;--alert:#c8321f;--tg:#2aabee;--tg-dark:#1d93d2;
  --night:#121009;--night-ink:#f5efe2;--night-sub:#a79c85;--night-border:rgba(210,160,74,.3);
  --btn-grad:linear-gradient(180deg,color-mix(in oklab,var(--accent),white 16%),var(--accent) 60%,color-mix(in oklab,var(--accent),black 10%));
  --btn-shadow:0 8px 26px color-mix(in oklab,var(--accent) 30%,transparent);
  --pad-x:64px;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg)}
body{color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,p{margin:0}
img{display:block}
a{color:inherit;text-decoration:none}
a:hover{opacity:.9}
[hidden]{display:none!important}

/* ---------- Registration page ---------- */
.reg{background:radial-gradient(900px 520px at 50% -8%,color-mix(in oklab,var(--accent) 18%,transparent),transparent 65%),var(--bg)}
.reg-main{display:block;padding:16px 14px 26px}
.card{max-width:460px;margin:0 auto;padding:12px 16px 18px;border-radius:22px;background:var(--bg);border:1px solid #e2c58f;box-shadow:0 24px 60px rgba(60,40,10,.22),0 0 0 6px rgba(193,137,47,.1)}
.when{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:2px;padding:9px 12px;border-radius:12px;background:var(--ink);color:var(--night-ink);font-size:13px;font-weight:600;line-height:1.3;text-align:center}
.when b{display:inline-flex;align-items:center;gap:7px;font-weight:800;color:#ffc61a;white-space:nowrap}
.when b::after{content:"\00B7";margin:0 8px 0 1px;color:var(--night-sub);font-weight:600}
.when span{white-space:nowrap}
.live-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#e5483a;box-shadow:0 0 0 3px rgba(229,72,58,.25)}
.host{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin:14px auto 0;padding:6px 20px 6px 6px;border-radius:99px;background:var(--panel);border:1px solid var(--border);box-shadow:0 8px 22px rgba(60,40,10,.08)}
.host img{flex:0 0 auto;width:68px;height:68px;border-radius:50%;object-fit:cover;border:2.5px solid var(--accent)}
.host-t{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:left}
.host-name{font-size:18px;font-weight:800;line-height:1.1;letter-spacing:-.01em}
.host-meta{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1.2;color:var(--sub);white-space:nowrap}
.host-meta strong{font-weight:800;color:var(--ink)}
.host-ico{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:var(--ink);color:#fff}
.reg h1{margin-top:14px;font-size:clamp(22px,6.4vw,27px);font-weight:800;line-height:1.14;letter-spacing:-.022em;text-align:center;text-wrap:balance}
.gold{background:linear-gradient(100deg,#a8721f,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{margin:9px auto 0;max-width:360px;font-size:clamp(14.5px,4.1vw,16px);font-weight:600;line-height:1.45;text-align:center;text-wrap:balance;color:#4a4134}
.mark{background:rgba(255,210,31,.6);color:var(--ink);padding:.04em .22em .06em .18em;margin:0 -.1em;border-radius:5px 9px 6px 10px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.risk{max-width:440px;margin:14px auto 0;font-size:11.5px;font-style:italic;line-height:1.5;text-align:center;text-wrap:balance;color:#8a7f6b}

.form-wrap{display:flex;flex-direction:column;gap:8px;margin-top:26px}
.ask{position:relative;padding:8px 10px;border:1.5px dashed #d6c193;border-radius:12px;background:rgba(193,137,47,.07);text-align:center;font-size:15px;font-weight:800;line-height:1.3;letter-spacing:-.005em}
.ask svg{position:absolute;left:-15px;top:50%;width:30px;height:52px;overflow:visible;pointer-events:none;color:#e5483a}
.reg-form{display:flex;flex-direction:column;gap:8px;width:100%}
.field{width:100%;min-height:44px;padding:9px 16px 9px 14px;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid #ddd0b6;border-radius:12px;outline:none}
.field::placeholder{color:#9a907d;opacity:1}
.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}
.field[aria-invalid="true"]{border-color:var(--red)}
.tel{position:relative;display:flex;gap:8px;width:100%}
.tel .field{flex:1 1 auto;min-width:0}
.cc{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;cursor:pointer;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid #ddd0b6;border-radius:12px}
.cc[aria-expanded="true"]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent)}
.cc-flag{font-size:18px;line-height:1}
.cc-dial{font-variant-numeric:tabular-nums;font-weight:700}
.cc-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--sub)}
.pop{position:absolute;z-index:5;top:calc(100% + 6px);left:0;width:min(300px,100%);padding:10px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 44px rgba(60,40,10,.18)}
.pop-q{width:100%;padding:10px 12px;font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:10px;outline:none}
.pop-q:focus{border-color:var(--accent)}
.pop-list{list-style:none;margin:8px 0 0;padding:0;max-height:210px;overflow-y:auto;overscroll-behavior:contain}
.pop-list li{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:9px;cursor:pointer;font-size:14.5px}
.pop-list li:hover,.pop-list li[aria-selected="true"]{background:#f3ece0}
.pop-list .n{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pop-list .d{color:var(--sub);font-variant-numeric:tabular-nums}
.pop-none{padding:12px 10px;font-size:13.5px;color:var(--sub)}
.consent{display:flex;align-items:flex-start;gap:10px;width:100%;padding:8px 12px;border:1px solid #ddd0b6;border-radius:12px;background:#fff;text-align:left;cursor:pointer}
.consent input{appearance:none;-webkit-appearance:none;flex:0 0 20px;width:20px;height:20px;margin:6px 0 0;border:1.5px solid #c9bb9f;border-radius:6px;background:#fff center/13px no-repeat;cursor:pointer}
.consent input:checked{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.consent input[aria-invalid="true"]{outline:2px solid var(--red);outline-offset:2px}
.consent span{font-size:12px;line-height:1.4;color:color-mix(in oklab,var(--ink) 78%,transparent);text-wrap:pretty}
.consent a{text-decoration:underline}
.err{font-size:13px;color:var(--red)}
.submit{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;margin-top:2px;padding:12px 20px;cursor:pointer;font:inherit;border-radius:12px;background:linear-gradient(180deg,#ffe066 0%,#ffc61a 48%,#f2a900 100%);border:1px solid #e09b00;color:var(--ink);font-size:16px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 14px 34px rgba(242,169,0,.45),0 0 0 4px rgba(255,198,26,.25),inset 0 1px 0 rgba(255,255,255,.65)}
.submit::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:shine 3.4s ease-in-out infinite}
.submit[disabled]{opacity:.65;cursor:progress}
@keyframes shine{0%,55%{left:-60%}100%{left:130%}}
.fine{margin-top:2px;font-size:11.5px;line-height:1.45;color:var(--sub);opacity:.9;text-align:center;text-wrap:pretty}
.fine a{text-decoration:underline}

/* ---------- Thank-you page ---------- */
.alert{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--alert);color:#fff;padding:13px 18px;font-size:14px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center}
.alert svg{flex-shrink:0;width:17px;height:17px}
.ty-hero{background:radial-gradient(900px 520px at 50% -12%,color-mix(in oklab,var(--accent) 13%,transparent),transparent 65%),var(--night);color:var(--night-ink);padding:40px var(--pad-x) 60px}
.ty-hero-in{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;border:1px solid color-mix(in oklab,var(--accent) 55%,transparent);color:var(--accent);padding:8px 18px;border-radius:100px;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.pill--light{margin-bottom:2px;font-size:12.5px;padding:9px 20px;border-color:color-mix(in oklab,var(--accent) 50%,transparent);background:color-mix(in oklab,var(--accent) 12%,transparent)}
.ty-hero h1{font-size:clamp(30px,6.4vw,52px);font-weight:900;line-height:1.08;letter-spacing:-.02em;text-wrap:balance;max-width:620px}
.ty-hero h1 span{color:var(--accent)}
.ty-sub{margin-top:14px;font-size:clamp(16px,2vw,19px);line-height:1.5;opacity:.88;max-width:520px;text-wrap:pretty}
.video{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;max-width:720px;aspect-ratio:16/9;margin-top:34px;border-radius:14px;overflow:hidden;border:1px solid var(--night-border);box-shadow:0 26px 70px rgba(0,0,0,.45);background:repeating-linear-gradient(45deg,#1b1810 0 14px,#221e14 14px 28px)}
.video .play{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 8px 30px rgba(0,0,0,.35)}
.video .tri{width:0;height:0;border-left:23px solid #14110b;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:7px}
.video .label{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--night-sub)}
.drop{max-width:440px;margin-top:22px;text-align:center;font-size:15px;line-height:1.5}
.drop strong{font-weight:800;white-space:nowrap}
.tg-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:420px;background:linear-gradient(180deg,color-mix(in oklab,var(--tg),white 10%),var(--tg) 55%,var(--tg-dark));color:#fff;font-size:clamp(16px,2vw,18px);font-weight:800;padding:18px 26px;border-radius:12px;box-shadow:0 10px 30px color-mix(in oklab,var(--tg) 38%,transparent)}
.ty-hero .tg-btn{margin-top:14px}
.tg-btn:hover{filter:brightness(1.06);opacity:1}
.tg-ico{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18);flex-shrink:0}
.micro{margin-top:11px;font-size:13px;font-weight:600;color:var(--night-sub);letter-spacing:.01em}
.ty-form{background:var(--paper);border-top:1px solid var(--border);padding:60px var(--pad-x) 68px}
.ty-form-in{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.ty-form h2{font-size:clamp(23px,3.2vw,31px);font-weight:900;letter-spacing:-.02em;line-height:1.12;text-wrap:balance;max-width:540px}
.qcard{width:100%;max-width:560px;margin:14px auto 0;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px rgba(60,40,10,.10);overflow:hidden;text-align:left}
.qbody{padding:22px 18px;background:color-mix(in oklab,var(--accent) 5%,var(--panel))}
.qprog{height:7px;border-radius:99px;background:color-mix(in oklab,var(--ink) 10%,transparent);overflow:hidden}
.qprog-fill{display:block;height:100%;width:20%;border-radius:99px;background:var(--btn-grad);transition:width .45s cubic-bezier(.16,1,.3,1)}
.qleft{margin-top:8px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.qstep{display:none;border:0;padding:0;margin:16px 0 0;min-width:0}
.qstep.on{display:block}
.qq{font-size:clamp(16px,1.8vw,17.5px);font-weight:800;line-height:1.35;margin-bottom:12px;padding:0;text-wrap:pretty}
.qnote{font-size:12.5px;line-height:1.45;color:var(--sub);margin:-6px 0 12px}
.qnote strong{color:var(--ink);font-weight:700}
.qopt{display:flex;align-items:center;gap:11px;min-height:44px;padding:11px 14px;margin-bottom:8px;border:1px solid var(--border);border-radius:11px;background:var(--panel);cursor:pointer;transition:border-color .18s,background .18s}
.qopt:hover{border-color:color-mix(in oklab,var(--accent) 55%,var(--border))}
.qopt input{appearance:none;-webkit-appearance:none;position:relative;width:18px;height:18px;margin:0;flex-shrink:0;border-radius:50%;border:1.5px solid color-mix(in oklab,var(--ink) 28%,transparent);cursor:pointer}
.qopt input:checked{border-color:var(--accent)}
.qopt input:checked::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent)}
.qopt span{font-size:14.5px;font-weight:600;line-height:1.35}
.qopt:has(input:checked){border-color:var(--accent);background:color-mix(in oklab,var(--accent) 9%,var(--panel))}
.qnav{display:flex;align-items:center;gap:9px;margin-top:16px}
.qback{width:48px;height:48px;flex-shrink:0;border:1px solid var(--border);background:var(--panel);border-radius:12px;font-size:18px;color:var(--sub);cursor:pointer;font-family:inherit}
.qback:hover{border-color:color-mix(in oklab,var(--accent) 55%,var(--border));color:var(--ink)}
.qnext{flex:1;min-height:48px;border:0;border-radius:11px;background:var(--btn-grad);color:var(--accent-ink);font:inherit;font-size:15px;font-weight:800;line-height:1;cursor:pointer;box-shadow:var(--btn-shadow);display:flex;align-items:center;justify-content:center;gap:9px}
.qnext:hover:not(:disabled){filter:brightness(1.06)}
.qnext:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}
.qdone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:14px 0 6px}
.qdone .tg-btn{font-size:15.5px;padding:16px 20px;max-width:340px}
.qdone-ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:color-mix(in oklab,var(--accent) 18%,var(--panel));color:var(--accent)}
.qdone-t{font-size:19px;font-weight:800}
.qdone-s{font-size:14.5px;color:var(--sub);max-width:380px;text-wrap:pretty}
.notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:620px;margin:16px auto 0}
.note{display:flex;align-items:flex-start;gap:11px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;text-align:left}
.note-ico{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:color-mix(in oklab,var(--accent) 14%,var(--panel));color:var(--accent);flex-shrink:0}
.note p{font-size:13.5px;line-height:1.5;color:var(--sub);text-wrap:pretty}
.note a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.note strong{color:var(--ink)}

/* ---------- Footer (both pages) ---------- */
.foot{background:var(--night);color:var(--night-sub);border-top:1px solid var(--night-border);padding:40px var(--pad-x) 48px}
.foot-in{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center}
.foot-links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;font-size:13px;font-weight:600}
.foot-links a{color:var(--night-ink)}
.legal{font-size:11px;line-height:1.6;text-wrap:pretty}
.legal strong{color:var(--night-ink)}
.legal a{color:var(--night-ink);text-decoration:underline}

@media (max-width:767px){
  :root{--pad-x:20px}
  .ty-hero{padding:28px var(--pad-x) 46px}
  .video{margin-top:24px}
  .drop{margin-top:18px}
  .pill{margin-bottom:16px}
  .pill--light{margin-bottom:2px}
  .alert{font-size:13px;letter-spacing:.1em;padding:12px 14px}
  .ty-form{padding:48px var(--pad-x) 56px}
  .notes{grid-template-columns:1fr}
  .qbody{padding:20px 16px 22px}
}
@media (min-width:768px){
  .reg-main{padding:48px 24px 40px}
  .card{padding:16px 26px 24px}
  .reg h1{font-size:28px}
  .sub{font-size:17px}
  .form-wrap{margin-top:30px}
}
@media (max-width:359px){
  .reg-main{padding:12px 10px 22px}
  .card{padding:10px 12px 16px}
  .when{font-size:11.5px;padding:8px 10px}
  .submit{font-size:15px;padding-left:12px;padding-right:12px}
  .ask{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){.submit::after{animation:none;display:none}}