:root{
  --tv-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  --tv-brand-400:#4E86FF;
  --tv-brand-500:#1F5BFF;
  --tv-brand-600:#1246D6;
  --tv-brand-700:#0C3A8A;
  --tv-slate-0:#FFFFFF;
  --tv-slate-50:#F7F9FC;
  --tv-slate-200:#D9E1EC;
  --tv-slate-300:#B8C4D6;
  --tv-slate-600:#4E5D73;
  --tv-slate-800:#222A38;
  --tv-slate-900:#0F1219;
  --tv-slate-950:#0A0D12;
  --tv-success:#128C7E;
  --tv-danger:#B43737;
  --tv-bg:var(--tv-slate-50);
  --tv-surface:rgba(255,255,255,0.72);
  --tv-surface-solid:var(--tv-slate-0);
  --tv-border:rgba(0,0,0,0.08);
  --tv-text:var(--tv-slate-950);
  --tv-muted:var(--tv-slate-600);
  --tv-link:var(--tv-brand-600);
  --tv-primary:var(--tv-brand-600);
  --tv-primary-hover:var(--tv-brand-700);
  --tv-shadow:0 10px 30px rgba(0,0,0,0.10);
  --tv-shadow-soft:0 6px 18px rgba(0,0,0,0.08);
  --tv-radius:18px;
  --tv-radius-sm:14px;
  --tv-focus:0 0 0 4px rgba(31,91,255,0.22);
}
.theme-dark{
  --tv-bg:var(--tv-slate-900);
  --tv-surface:rgba(34,42,56,0.58);
  --tv-surface-solid:var(--tv-slate-800);
  --tv-border:rgba(255,255,255,0.10);
  --tv-text:var(--tv-slate-0);
  --tv-muted:var(--tv-slate-300);
  --tv-link:var(--tv-brand-400);
  --tv-primary:var(--tv-brand-400);
  --tv-primary-hover:var(--tv-brand-500);
  --tv-shadow:0 18px 60px rgba(0,0,0,0.55);
  --tv-shadow-soft:0 10px 30px rgba(0,0,0,0.35);
  --tv-focus:0 0 0 4px rgba(134,177,255,0.22);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:var(--tv-font-sans);color:var(--tv-text);background:var(--tv-bg);overflow-x:hidden}
a{color:var(--tv-link);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1120px,calc(100% - 48px));margin:0 auto}
.bg{position:fixed;inset:0;z-index:-2}
.bg::before{content:"";position:absolute;inset:-20%;background:
  radial-gradient(850px 540px at 16% 18%, rgba(31,91,255,0.20), transparent 60%),
  radial-gradient(720px 520px at 82% 12%, rgba(12,58,138,0.18), transparent 60%),
  radial-gradient(920px 640px at 62% 92%, rgba(78,134,255,0.16), transparent 60%),
  linear-gradient(180deg, rgba(255,255,255,0.0), rgba(0,0,0,0.02))}
.theme-dark .bg::before{background:
  radial-gradient(980px 600px at 12% 26%, rgba(78,134,255,0.18), transparent 60%),
  radial-gradient(800px 560px at 82% 16%, rgba(31,91,255,0.16), transparent 60%),
  radial-gradient(980px 720px at 62% 92%, rgba(134,177,255,0.12), transparent 60%),
  linear-gradient(180deg, rgba(0,0,0,0.0), rgba(0,0,0,0.25))}
.bg::after{content:"";position:absolute;inset:0;opacity:0.17;background-image:
  linear-gradient(to right, rgba(0,0,0,0.06) 1px, transparent 1px),
  linear-gradient(to bottom, rgba(0,0,0,0.06) 1px, transparent 1px);
  background-size:52px 52px}
.theme-dark .bg::after{opacity:0.13;background-image:
  linear-gradient(to right, rgba(255,255,255,0.10) 1px, transparent 1px),
  linear-gradient(to bottom, rgba(255,255,255,0.10) 1px, transparent 1px)}
.topbar{padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:14px;min-width:240px}
.brand img{width:44px;height:44px;border-radius:12px}
.brand .name{font-size:16px;font-weight:900;letter-spacing:0.12em}
.brand .tag{font-size:12px;color:var(--tv-muted);margin-top:2px;letter-spacing:0.06em}
.actions{display:flex;align-items:center;gap:10px}
.pill{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--tv-border);border-radius:999px;background:var(--tv-surface);backdrop-filter:blur(10px);box-shadow:var(--tv-shadow-soft)}
.pill button{appearance:none;border:none;background:transparent;color:var(--tv-text);cursor:pointer;font-weight:700;padding:6px 10px;border-radius:999px}
.pill button:hover{background:rgba(31,91,255,0.08)}
.theme-dark .pill button:hover{background:rgba(134,177,255,0.10)}
.hero{padding:56px 0 26px 0}
.hero-grid{display:grid;grid-template-columns:1.35fr 0.65fr;gap:22px;align-items:stretch}
.card{background:var(--tv-surface);border:1px solid var(--tv-border);border-radius:var(--tv-radius);box-shadow:var(--tv-shadow);backdrop-filter:blur(12px)}
.card-inner{padding:34px}
.kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:rgba(31,91,255,0.08);border:1px solid rgba(31,91,255,0.14);font-weight:700}
.theme-dark .kicker{background:rgba(134,177,255,0.10);border-color:rgba(134,177,255,0.16)}
.brand-hero{display:flex;align-items:center;gap:14px;margin:18px 0 8px}
.brand-hero img{width:74px;height:74px;border-radius:18px;box-shadow:0 16px 60px rgba(0,0,0,0.18)}
.brand-hero .word{font-weight:950;letter-spacing:0.08em;font-size:16px;color:var(--tv-muted);text-transform:uppercase}
.h1{margin:16px 0 12px;font-size:clamp(34px,5.0vw,56px);line-height:1.05;letter-spacing:-0.02em;font-weight:900}
.sub{margin:0 0 22px;font-size:18px;line-height:1.6;color:var(--tv-muted);max-width:60ch}
.features{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.feature{padding:14px;border-radius:var(--tv-radius-sm);background:rgba(255,255,255,0.45);border:1px solid var(--tv-border)}
.theme-dark .feature{background:rgba(34,42,56,0.55)}
.feature .t{font-weight:800}
.feature .d{margin-top:6px;color:var(--tv-muted);font-size:13px;line-height:1.45}
.form{margin-top:18px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
.input{width:100%;padding:14px 14px;border-radius:14px;border:1px solid var(--tv-border);background:var(--tv-surface-solid);color:var(--tv-text);font-size:14px}
.input:focus{outline:none;border-color:rgba(31,91,255,0.55);box-shadow:var(--tv-focus)}
.btn{padding:14px 16px;border-radius:14px;border:1px solid transparent;background:var(--tv-primary);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(31,91,255,0.25)}
.btn:hover{background:var(--tv-primary-hover)}
.btn:focus{outline:none;box-shadow:var(--tv-focus)}
.note{margin-top:10px;color:var(--tv-muted);font-size:12.5px}
.side{display:grid;grid-template-rows:auto 1fr auto;gap:14px}
.metric{padding:20px}
.metric .label{color:var(--tv-muted);font-size:12px;letter-spacing:0.08em;text-transform:uppercase}
.countdown{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.timebox{padding:14px 12px;border-radius:16px;border:1px solid var(--tv-border);background:rgba(255,255,255,0.45);text-align:center}
.theme-dark .timebox{background:rgba(34,42,56,0.55)}
.timebox .num{font-size:26px;font-weight:900}
.timebox .cap{margin-top:4px;font-size:11px;color:var(--tv-muted);letter-spacing:0.08em;text-transform:uppercase}
.smallcard{padding:18px 20px}
.smallcard .h{font-weight:900}
.smallcard .p{margin-top:6px;color:var(--tv-muted);font-size:13px;line-height:1.5}
.footer{padding:24px 0 36px;color:var(--tv-muted);font-size:13px}
.footer a{color:var(--tv-muted)}
.footer a:hover{color:var(--tv-text)}
.divider{height:1px;background:var(--tv-border);margin:24px 0 0}
@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr}.form{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}