:root{--bg:#0a0c0b;--bg-soft:#121614;--ink:#f2f5f1;--muted:#9aa39a;--line:#f2f5f11a;--signal:#c8f28a;--signal-deep:#9fd24f;--signal-soft:#c8f28a29;--danger:#ff8d85;--font-ar:"IBM Plex Sans Arabic", sans-serif;--font-display:"Outfit", "IBM Plex Sans Arabic", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{font-family:var(--font-ar);color:var(--ink);background:var(--bg);overflow-x:hidden}button{font:inherit}.stage{grid-template-rows:auto 1fr;gap:.85rem;min-height:100dvh;padding:clamp(.9rem,2.2vw,1.5rem);display:grid;position:relative}.stage__atmosphere{pointer-events:none;z-index:-2;background:radial-gradient(90% 60% at 50% -20%,#c8f28a1f,#0000 58%),radial-gradient(55% 45% at 0 100%,#465a3738,#0000 55%),linear-gradient(165deg,#080a09 0%,#101411 48%,#0a0c0b 100%);position:fixed;inset:0}.stage__grain{pointer-events:none;z-index:-1;opacity:.045;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 85%);mask-image:radial-gradient(#000 35%,#0000 85%)}.topbar{justify-content:space-between;align-items:center;gap:1rem;animation:.7s cubic-bezier(.2,.8,.2,1) both fadeDown;display:flex}.brand__name{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);margin:0;font-size:clamp(1.55rem,3.4vw,2rem);font-weight:800;line-height:1}.status{color:var(--muted);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.72rem;font-weight:600;display:inline-flex}.status__dot{background:#6d736d;border-radius:50%;width:7px;height:7px}.status.is-live .status__dot{background:var(--signal);box-shadow:0 0 0 4px var(--signal-soft);animation:1.7s ease-in-out infinite pulse}.status.is-live .status__text{color:var(--signal)}.viewport{grid-template-rows:auto 1fr auto;gap:.95rem;min-height:0;display:grid}.hero-copy{text-align:center;animation:.75s cubic-bezier(.2,.8,.2,1) 80ms both fadeUp}.hero-copy__title{font-family:var(--font-display);letter-spacing:-.06em;color:var(--ink);margin:0;font-size:clamp(2.8rem,11vw,5.4rem);font-weight:800;line-height:.92}.hero-copy__line{color:var(--muted);margin:.55rem 0 0;font-size:clamp(.95rem,2.2vw,1.05rem)}.frame{border:1px solid var(--line);background:#050605;border-radius:4px;min-height:min(58vh,620px);animation:.85s cubic-bezier(.2,.8,.2,1) .12s both frameIn;position:relative;overflow:hidden;box-shadow:0 28px 70px #0000006b}.frame.is-idle{background:radial-gradient(#c8f28a0d,#0000 55%),#070908}.frame__video{object-fit:cover;background:#050605;width:100%;height:100%;display:block}@media (hover:hover) and (pointer:fine){.frame__video{transform:scaleX(-1)}}.hud-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.frame__edge{pointer-events:none;border:1px solid #c8f28a1f;position:absolute;inset:10px}.frame__edge:before,.frame__edge:after{content:"";border-color:var(--signal);border-style:solid;width:18px;height:18px;position:absolute}.frame__edge:before{top:-1px;border-width:2px 0 0 2px;inset-inline-start:-1px}.frame__edge:after{bottom:-1px;border-width:0 2px 2px 0;inset-inline-end:-1px}.frame__vignette{pointer-events:none;background:linear-gradient(#0000006b,#0000 24%),linear-gradient(#0000 70%,#00000080),radial-gradient(#0000 48%,#00000057 100%);position:absolute;inset:0}.frame__scan{pointer-events:none;opacity:0;background:repeating-linear-gradient(#0000 0 11px,#c8f28a09 11px 12px);transition:opacity .25s;position:absolute;inset:0}.frame__scan[data-active=true]{opacity:1}.frame__scan[data-active=true]:after{content:"";background:linear-gradient(#0000,#c8f28a29,#0000);height:26%;animation:1.35s ease-in-out infinite scanBar;position:absolute;left:0;right:0}.count-badge{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080a09c7;border:1px solid #c8f28a47;justify-items:center;gap:.1rem;padding:.7rem 1.4rem .8rem;animation:.55s cubic-bezier(.2,.8,.2,1) both riseIn;display:grid;position:absolute;bottom:1.15rem;left:50%;transform:translate(-50%)}.count-badge__label{color:var(--muted);letter-spacing:.02em;font-size:.76rem}.count-badge__value{font-family:var(--font-display);color:var(--signal);letter-spacing:-.05em;font-size:clamp(2.5rem,8vw,3.5rem);font-weight:800;line-height:1}.camera-gate{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060807c7;place-content:center;justify-items:center;gap:.4rem;padding:1.5rem;display:grid;position:absolute;inset:0}.camera-gate__kicker{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--signal);margin:0;font-size:.72rem}.camera-gate__title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,4vw,1.7rem);font-weight:700}.camera-gate__text{max-width:22rem;color:var(--muted);margin:.15rem 0 0;font-size:.92rem;line-height:1.55}.scan-status{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05070673;place-content:center;justify-items:center;gap:.9rem;display:grid;position:absolute;inset:0}.scan-status p{color:var(--ink);margin:0;font-size:.95rem}.scan-status__ring{border:2px solid #c8f28a2e;border-top-color:var(--signal);border-radius:50%;width:52px;height:52px;animation:.85s linear infinite spin}.controls{justify-items:center;gap:.7rem;padding-bottom:.2rem;animation:.7s cubic-bezier(.2,.8,.2,1) .18s both fadeUp;display:grid}.begin-btn{appearance:none;cursor:pointer;color:#10140d;background:linear-gradient(180deg, #d8f7a4 0%, var(--signal) 52%, var(--signal-deep) 100%);border:0;gap:.08rem;min-width:min(100%,270px);padding:1rem 1.55rem 1.05rem;transition:transform .2s,filter .2s,opacity .2s;display:grid}.begin-btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)}.begin-btn:active:not(:disabled){transform:translateY(0)}.begin-btn:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.25)}.begin-btn--ghost{color:var(--ink);background:0 0;border:1px solid #c8f28a59}.begin-btn__en{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:1.08rem;font-weight:800}.begin-btn__ar{opacity:.82;font-size:.84rem}.feedback{color:var(--muted);text-align:center;max-width:32rem;margin:0;font-size:.88rem;line-height:1.5}.feedback--error{color:var(--danger)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.86)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes riseIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes frameIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes scanBar{0%{top:-10%}to{top:90%}}@media (width<=720px){.stage{padding:.75rem}.frame{min-height:54vh}.hero-copy__title{font-size:clamp(2.4rem,14vw,3.4rem)}}@media (width>=960px){.frame{min-height:min(64vh,680px)}}