:root { color-scheme: dark; --ink:#0a0d13; --panel:#151a24; --panel-strong:#1b2130; --line:rgba(255,255,255,.1); --muted:#929bac; --text:#f4f6fa; --acid:#cbff3d; --violet:#9277ff; --pink:#ff7eb8; --font:"Manrope", Arial, sans-serif; --display:"Unbounded", "Manrope", Arial, sans-serif; --max:1180px; }
* { box-sizing:border-box; } html { min-width:320px; background:var(--ink); scroll-behavior:smooth; } body { min-width:320px; margin:0; overflow-x:hidden; color:var(--text); background:radial-gradient(circle at 87% 0%,rgba(146,119,255,.16),transparent 31rem),var(--ink); font:14px/1.5 var(--font); } a { color:inherit; text-decoration:none; } button,input,textarea { font:inherit; } button { cursor:pointer; } button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible { outline:2px solid var(--acid); outline-offset:3px; } [hidden] { display:none!important; }
.info-skip { position:fixed; z-index:100; top:10px; left:12px; padding:9px 12px; border-radius:9px; transform:translateY(-160%); color:#11140a; background:var(--acid); font-size:12px; font-weight:800; transition:transform .18s; }.info-skip:focus { transform:translateY(0); }
.info-topbar { position:sticky; z-index:20; top:0; display:flex; align-items:center; width:min(calc(100% - 48px),var(--max)); height:78px; margin:auto; gap:44px; }.info-topbar::before { position:absolute; z-index:-1; top:0; right:calc((100vw - min(100vw - 48px,var(--max))) / -2); bottom:0; left:calc((100vw - min(100vw - 48px,var(--max))) / -2); border-bottom:1px solid var(--line); background:rgba(10,13,19,.84); backdrop-filter:blur(16px); content:""; }.info-brand { display:inline-flex; align-items:center; gap:9px; font:700 14px var(--display); letter-spacing:-.08em; white-space:nowrap; }.info-brand > span:last-child > span { color:var(--acid); }.info-brand-mark { display:inline-flex; align-items:center; gap:2px; width:23px; height:22px; transform:skewX(-8deg); }.info-brand-mark i { display:block; width:6px; border-radius:3px; background:var(--acid); }.info-brand-mark i:nth-child(1){height:10px}.info-brand-mark i:nth-child(2){height:18px}.info-brand-mark i:nth-child(3){height:13px}
.info-nav { display:flex; flex:1; align-items:center; gap:23px; }.info-nav a { color:#a4adbb; font-size:11px; font-weight:800; }.info-nav a:hover,.info-nav a.is-current { color:white; }.info-nav a.is-current { color:#eef5d8; }.info-nav a.is-current::after { display:block; width:4px; height:4px; margin:4px auto -7px; border-radius:50%; background:var(--acid); content:""; }.info-action { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 12px; border:1px solid rgba(203,255,61,.36); border-radius:10px; color:#e7f4be; background:rgba(203,255,61,.07); font-size:10px; font-weight:800; }.info-action:hover { border-color:var(--acid); background:rgba(203,255,61,.13); }.info-menu-button { display:none; min-height:36px; padding:0 11px; border:1px solid var(--line); border-radius:10px; color:#eef0f4; background:#171d27; font-size:10px; font-weight:800; }
.info-mobile-nav { position:fixed; z-index:18; top:68px; right:14px; left:14px; padding:10px; border:1px solid var(--line); border-radius:15px; background:#151a24; box-shadow:0 20px 60px rgba(0,0,0,.45); }.info-mobile-nav a { display:block; padding:11px; border-radius:9px; color:#dce1eb; font-size:11px; font-weight:800; }.info-mobile-nav a:hover { background:rgba(255,255,255,.06); }
.info-main { width:min(calc(100% - 48px),var(--max)); margin:0 auto; }.info-hero { position:relative; isolation:isolate; overflow:hidden; min-height:390px; padding:74px 56px 45px; border:1px solid rgba(255,255,255,.08); border-radius:26px; background:linear-gradient(118deg,#171b32,#1b2238 48%,#27373e); }.info-hero::before { position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(10,13,19,.55),transparent 65%),linear-gradient(0deg,rgba(5,7,10,.5),transparent 60%); content:""; }.info-hero::after { position:absolute; z-index:-1; right:-11%; bottom:-55%; width:480px; height:480px; border:1px solid rgba(203,255,61,.4); border-radius:50%; box-shadow:0 0 0 48px rgba(203,255,61,.045),0 0 0 120px rgba(203,255,61,.025); content:""; }.info-hero.is-rules { background:linear-gradient(118deg,#241f36,#1b2738 50%,#2f3444); }.info-hero.is-support { background:linear-gradient(118deg,#1a2730,#1b2f34 49%,#2c2a46); }.info-kicker { margin:0 0 14px; color:var(--acid); font-size:10px; font-weight:800; letter-spacing:.15em; }.info-hero h1 { max-width:760px; margin:0; font:600 clamp(33px,5vw,61px)/1.08 var(--display); letter-spacing:-.1em; }.info-hero > p:not(.info-kicker) { max-width:630px; margin:19px 0 0; color:#c1c8d5; font-size:14px; line-height:1.7; }.info-hero-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:29px; }.info-hero-meta span { padding:6px 9px; border:1px solid rgba(255,255,255,.14); border-radius:99px; color:#d7dde7; background:rgba(4,6,10,.22); font-size:9px; font-weight:800; }
.info-section { margin:84px 0; }.info-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:23px; }.info-section-heading h2 { max-width:700px; margin:0; font:600 clamp(22px,3vw,34px)/1.16 var(--display); letter-spacing:-.09em; }.info-section-heading p:not(.info-kicker) { max-width:390px; margin:0; color:var(--muted); font-size:11px; line-height:1.65; }.info-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.info-card { min-height:205px; padding:22px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(27,33,46,.9),rgba(17,22,30,.9)); }.info-card-icon { display:grid; width:31px; height:31px; place-items:center; border-radius:10px; color:#1b210e; background:var(--acid); font-size:16px; font-weight:900; }.info-card h3 { margin:19px 0 0; font:600 15px/1.25 var(--display); letter-spacing:-.07em; }.info-card p { margin:10px 0 0; color:#a9b2c0; font-size:10px; line-height:1.65; }.info-card.violet .info-card-icon { color:#201a42; background:#b9adff; }.info-card.pink .info-card-icon { color:#371722; background:#f6a0c9; }
.info-split { display:grid; grid-template-columns:minmax(0,1.07fr) minmax(280px,.73fr); gap:18px; }.info-prose { padding:30px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(135deg,rgba(26,32,44,.9),rgba(16,20,28,.9)); }.info-prose h2 { margin:0; font:600 clamp(22px,2.8vw,32px)/1.18 var(--display); letter-spacing:-.09em; }.info-prose p { max-width:680px; margin:15px 0 0; color:#b3bdcb; font-size:12px; line-height:1.75; }.info-prose p strong { color:#e6ebf4; }.info-prose ul { display:grid; gap:9px; margin:20px 0 0; padding:0; list-style:none; }.info-prose li { display:grid; grid-template-columns:20px 1fr; gap:9px; color:#c1c9d5; font-size:11px; line-height:1.6; }.info-prose li::before { display:grid; width:18px; height:18px; place-items:center; border-radius:6px; color:#1a200e; background:var(--acid); content:"✓"; font-size:10px; font-weight:900; }.info-side-note { padding:26px; border:1px solid rgba(203,255,61,.18); border-radius:20px; background:linear-gradient(145deg,rgba(203,255,61,.09),rgba(145,117,255,.1)); }.info-side-note h2 { margin:0; font:600 21px/1.2 var(--display); letter-spacing:-.09em; }.info-side-note p { margin:13px 0 0; color:#c1c8b4; font-size:11px; line-height:1.7; }.info-side-note a { display:inline-flex; align-items:center; gap:7px; margin-top:20px; color:#18200a; background:var(--acid); min-height:38px; padding:0 12px; border-radius:10px; font-size:10px; font-weight:800; }.info-side-note a span { font-size:16px; }
.info-timeline { display:grid; gap:9px; }.info-timeline article { display:grid; grid-template-columns:56px minmax(0,1fr); gap:17px; padding:17px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.024); }.info-timeline span { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; color:#1c220e; background:var(--acid); font:700 12px var(--display); }.info-timeline h3 { margin:0; font-size:12px; }.info-timeline p { margin:5px 0 0; color:#9fa9b8; font-size:10px; line-height:1.6; }
.info-rules-layout { display:grid; grid-template-columns:minmax(0,1fr) 268px; gap:20px; }.info-rule-list { display:grid; gap:10px; }.info-rule { padding:19px 21px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,rgba(26,32,44,.85),rgba(17,22,30,.85)); }.info-rule h3 { display:flex; align-items:center; gap:10px; margin:0; font:600 15px/1.25 var(--display); letter-spacing:-.07em; }.info-rule h3 span { display:grid; width:24px; height:24px; place-items:center; border-radius:8px; color:#20250e; background:var(--acid); font:700 10px var(--font); }.info-rule p { margin:10px 0 0 34px; color:#a8b1c0; font-size:11px; line-height:1.7; }.info-rule-sidebar { position:sticky; top:102px; align-self:start; padding:18px; border:1px solid var(--line); border-radius:16px; background:#151b26; }.info-rule-sidebar p { margin:0 0 10px; color:#8490a2; font-size:9px; font-weight:800; letter-spacing:.1em; }.info-rule-sidebar a { display:block; padding:9px 8px; border-radius:8px; color:#c7cdd8; font-size:10px; font-weight:700; }.info-rule-sidebar a:hover { color:#edfad0; background:rgba(203,255,61,.08); }
.info-callout { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:29px 33px; border:1px solid rgba(203,255,61,.19); border-radius:21px; background:linear-gradient(110deg,#1b2810,#18271c 53%,#25213a); }.info-callout h2 { margin:0; font:600 clamp(20px,2.5vw,30px)/1.15 var(--display); letter-spacing:-.09em; }.info-callout p { margin:9px 0 0; color:#b8c3ac; font-size:11px; }.info-callout a { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 14px; border-radius:11px; color:#161a0a; background:var(--acid); font-size:10px; font-weight:800; }
.info-help-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.info-help-card { display:flex; flex-direction:column; min-height:185px; padding:21px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(25,31,43,.9),rgba(16,21,29,.9)); }.info-help-card span { display:grid; width:29px; height:29px; place-items:center; border-radius:9px; color:#1a210b; background:var(--acid); font-size:15px; font-weight:900; }.info-help-card h3 { margin:17px 0 0; font:600 14px/1.2 var(--display); letter-spacing:-.07em; }.info-help-card p { margin:9px 0 0; color:#a9b2c0; font-size:10px; line-height:1.65; }.info-help-card a { margin-top:auto; padding-top:16px; color:#dceab5; font-size:10px; font-weight:800; }
.info-faq { display:grid; gap:8px; }.info-faq details { border:1px solid var(--line); border-radius:13px; background:rgba(24,30,41,.78); }.info-faq summary { position:relative; padding:16px 48px 16px 18px; cursor:pointer; color:#e6eaf1; font-size:11px; font-weight:800; list-style:none; }.info-faq summary::-webkit-details-marker { display:none; }.info-faq summary::after { position:absolute; top:12px; right:15px; display:grid; width:24px; height:24px; place-items:center; border-radius:7px; color:var(--acid); background:rgba(203,255,61,.07); content:"+"; font-size:17px; font-weight:400; }.info-faq details[open] summary::after { content:"−"; }.info-faq p { max-width:780px; margin:0; padding:0 18px 17px; color:#aeb7c5; font-size:11px; line-height:1.7; }
.info-feedback-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(270px,.65fr); gap:18px; }.info-feedback-form { padding:24px; border:1px solid var(--line); border-radius:19px; background:linear-gradient(145deg,rgba(27,33,45,.9),rgba(17,22,30,.9)); }.info-feedback-form h2 { margin:0; font:600 20px/1.2 var(--display); letter-spacing:-.08em; }.info-feedback-form > p { margin:10px 0 19px; color:#9ea8b7; font-size:10px; }.info-field { display:block; margin-top:13px; }.info-field > span { display:block; margin-bottom:6px; color:#bac2ce; font-size:10px; font-weight:800; }.info-field input,.info-field textarea { width:100%; border:1px solid rgba(255,255,255,.1); border-radius:10px; outline:0; color:#edf0f6; background:#131923; }.info-field input { height:40px; padding:0 11px; }.info-field textarea { min-height:120px; padding:10px 11px; resize:vertical; line-height:1.55; }.info-field input:focus,.info-field textarea:focus { border-color:rgba(203,255,61,.6); }.info-form-actions { display:flex; align-items:center; gap:14px; margin-top:16px; }.info-form-actions button { min-height:39px; padding:0 13px; border:0; border-radius:10px; color:#151a0a; background:var(--acid); font-size:10px; font-weight:800; }.info-form-actions p { margin:0; color:#cde39a; font-size:10px; font-weight:700; }.info-support-note { padding:24px; border:1px solid rgba(145,117,255,.2); border-radius:19px; background:linear-gradient(145deg,rgba(145,117,255,.13),rgba(145,117,255,.04)); }.info-support-note h2 { margin:0; font:600 19px/1.2 var(--display); letter-spacing:-.08em; }.info-support-note p { margin:11px 0 0; color:#b8b8d2; font-size:10px; line-height:1.7; }.info-support-note ul { display:grid; gap:8px; margin:18px 0 0; padding:0; list-style:none; }.info-support-note li { color:#d4d3e8; font-size:10px; }.info-support-note li::before { margin-right:8px; color:#c9bbff; content:"•"; }
.info-footer { display:grid; grid-template-columns:1fr auto; gap:15px; width:min(calc(100% - 48px),var(--max)); margin:0 auto; padding:26px 0 36px; border-top:1px solid var(--line); color:#8d97a6; font-size:10px; }.info-footer p { margin:0; }.info-footer-nav { display:flex; flex-wrap:wrap; justify-content:end; gap:16px; }.info-footer a:hover { color:var(--acid); }.info-footer small { grid-column:1/-1; color:#656f7d; }
@media (max-width:860px) { .info-topbar { height:68px; gap:0; }.info-topbar::before { right:-24px; left:-24px; }.info-nav,.info-action { display:none; }.info-menu-button { display:inline-flex; margin-left:auto; }.info-hero { min-height:360px; padding:58px 34px 38px; }.info-grid,.info-help-grid { grid-template-columns:1fr 1fr; }.info-split,.info-rules-layout,.info-feedback-layout { grid-template-columns:1fr; }.info-rule-sidebar { position:static; display:flex; flex-wrap:wrap; gap:4px; }.info-rule-sidebar p { width:100%; }.info-rule-sidebar a { padding:7px; }.info-side-note { padding:23px; }.info-footer { grid-template-columns:1fr; }.info-footer-nav { justify-content:start; }.info-footer small { grid-column:auto; } }
@media (max-width:560px) { .info-topbar,.info-main,.info-footer { width:min(calc(100% - 28px),var(--max)); }.info-topbar::before { right:-14px; left:-14px; }.info-hero { min-height:390px; padding:47px 22px 28px; border-radius:20px; }.info-hero h1 { font-size:34px; }.info-hero > p:not(.info-kicker) { font-size:12px; }.info-section { margin:57px 0; }.info-section-heading { align-items:start; flex-direction:column; gap:10px; }.info-section-heading h2 { font-size:24px; }.info-grid,.info-help-grid { grid-template-columns:1fr; }.info-card { min-height:0; }.info-prose,.info-side-note,.info-feedback-form,.info-support-note { padding:19px; }.info-timeline article { grid-template-columns:41px minmax(0,1fr); gap:11px; padding:13px; }.info-timeline span { width:36px; height:36px; }.info-rule { padding:15px; }.info-rule p { margin-left:0; }.info-callout { align-items:start; flex-direction:column; padding:23px; }.info-callout a { width:100%; }.info-form-actions { align-items:start; flex-direction:column; }.info-footer-nav { gap:10px 14px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }

/* Light product skin shared with the video feed. */
:root { color-scheme:light; --ink:#f4f6f8; --panel:#fff; --panel-strong:#fff; --line:#e3e7eb; --muted:#818c99; --text:#111820; --acid:#2688eb; --violet:#6b72ff; --pink:#ff4f8b; --font:"Inter",Arial,sans-serif; --display:"Inter",Arial,sans-serif; }
html,body { background:#f4f6f8; color:#111820; }
.info-topbar::before { border-bottom-color:#e3e7eb; background:rgba(255,255,255,.94); box-shadow:0 1px 8px rgba(26,38,51,.05); }
.info-brand { letter-spacing:-.025em; }.info-brand > span:last-child > span { color:#2688eb; }.info-brand-mark i { background:#2688eb; }
.info-nav a { color:#66717d; }.info-nav a:hover,.info-nav a.is-current { color:#111820; }.info-nav a.is-current::after { background:#2688eb; }
.info-action { border-color:#d9e9fa; color:#176bbd; background:#eaf4ff; }.info-action:hover { border-color:#2688eb; background:#dceeff; }
.info-menu-button { border-color:#e3e7eb; color:#111820; background:#fff; }.info-mobile-nav { border-color:#e3e7eb; background:#fff; box-shadow:0 20px 60px rgba(29,45,64,.16); }.info-mobile-nav a { color:#36414d; }.info-mobile-nav a:hover { background:#f0f2f5; }
.info-hero,.info-hero.is-rules,.info-hero.is-support { border-color:#dfe6ee; background:linear-gradient(118deg,#eaf4ff,#f6faff 52%,#e7ecff); box-shadow:0 12px 42px rgba(34,73,113,.08); }.info-hero::before { background:linear-gradient(90deg,rgba(255,255,255,.45),transparent 65%); }.info-hero::after { border-color:rgba(38,136,235,.28); box-shadow:0 0 0 48px rgba(38,136,235,.045),0 0 0 120px rgba(38,136,235,.025); }.info-kicker { color:#176bbd; }.info-hero > p:not(.info-kicker) { color:#53606d; }.info-hero-meta span { border-color:#d5dfe9; color:#44515e; background:rgba(255,255,255,.6); }
.info-card,.info-prose,.info-rule,.info-feedback-form,.info-help-card { border-color:#e3e7eb; background:#fff; box-shadow:0 4px 18px rgba(32,51,70,.045); }.info-card-icon,.info-timeline span,.info-rule h3 span,.info-help-card span { color:#fff; background:#2688eb; }.info-card.violet .info-card-icon { color:#fff; background:#6b72ff; }.info-card.pink .info-card-icon { color:#fff; background:#ff4f8b; }
.info-card p,.info-prose p,.info-timeline p,.info-rule p,.info-help-card p,.info-feedback-form > p { color:#66717d; }.info-prose p strong { color:#111820; }.info-prose li { color:#4d5965; }.info-prose li::before { color:#fff; background:#2688eb; }
.info-side-note { border-color:#d9e9fa; background:linear-gradient(145deg,#eaf4ff,#f1efff); }.info-side-note p { color:#5e6872; }.info-side-note a,.info-callout a,.info-form-actions button { color:#fff; background:#2688eb; }
.info-timeline article { border-color:#e3e7eb; background:#fff; }.info-rule-sidebar { border-color:#e3e7eb; background:#fff; }.info-rule-sidebar p { color:#818c99; }.info-rule-sidebar a { color:#4d5965; }.info-rule-sidebar a:hover { color:#176bbd; background:#eaf4ff; }
.info-callout { border-color:#d9e9fa; background:linear-gradient(110deg,#eaf4ff,#f3f8fd 53%,#eeecff); }.info-callout p { color:#66717d; }.info-help-card a { color:#176bbd; }
.info-faq details { border-color:#e3e7eb; background:#fff; }.info-faq summary { color:#1b2530; }.info-faq summary::after { color:#2688eb; background:#eaf4ff; }.info-faq p { color:#66717d; }
.info-field > span { color:#4d5965; }.info-field input,.info-field textarea { border-color:#dce2e8; color:#111820; background:#f8fafb; }.info-field input:focus,.info-field textarea:focus { border-color:#2688eb; }.info-form-actions p { color:#176bbd; }
.info-support-note { border-color:#dedfff; background:linear-gradient(145deg,#f0efff,#fafaff); }.info-support-note p { color:#686879; }.info-support-note li { color:#4c4c5e; }.info-support-note li::before { color:#6b72ff; }
.info-footer { border-top-color:#e3e7eb; color:#7b8793; }.info-footer a:hover { color:#2688eb; }.info-footer small { color:#98a1ab; }