:root{--bg:#050b12;--panel:#0a1420;--line:#ffffff1a;--text:#f7f9fb;--muted:#91a0b1;--gold:#d9b44a;--teal:#4ad9c5;--green:#55d98c;--red:#ff7a7a}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow:hidden}.splash,.portal{background:var(--bg);place-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.splashGlow{display:none}.brandMark,.miniBrand>span{color:#07111f;background:linear-gradient(145deg,#efcf68,#9a7320);border:1px solid #d9b44a8c;place-items:center;font-weight:1000;display:grid;box-shadow:0 0 55px #d9b44a1f}.brandMark{z-index:1;border-radius:28px;width:96px;height:96px;font-size:52px}.splashCopy{z-index:1;text-align:center;margin-top:-12vh}.splashCopy p,.eyebrow{letter-spacing:.22em;color:var(--gold);font-size:12px;font-weight:800}.splashCopy h1{letter-spacing:-.04em;margin:8px 0 26px;font-size:clamp(38px,6vw,72px)}.splashCopy small{color:var(--muted)}.loader{background:#ffffff14;width:240px;height:2px;margin:0 auto 18px;overflow:hidden}.loader i{background:var(--gold);width:40%;height:100%;animation:1.1s ease-in-out infinite load;display:block}.portal{cursor:default;display:block}.ambient{pointer-events:none;position:absolute;inset:0}.ambient i{border:1px solid #4ad9c51c;border-radius:50%;animation:14s ease-in-out infinite float;position:absolute}.ambient i:first-child{width:38vw;height:38vw;top:15vh;left:-15vw}.ambient i:nth-child(2){width:26vw;height:26vw;animation-delay:-4s;top:8vh;right:-8vw}.ambient i:nth-child(3){width:20vw;height:20vw;animation-delay:-7s;bottom:-8vw;right:12vw}.ambient i:nth-child(4){width:9vw;height:9vw;animation-delay:-2s;bottom:12vh;left:28vw}header,footer{z-index:10;justify-content:space-between;align-items:center;padding:26px 34px;display:flex;position:absolute;left:0;right:0}header{top:0}footer{color:#617081;letter-spacing:.08em;font-size:11px;bottom:0}.miniBrand{align-items:center;gap:12px;display:flex}.miniBrand>span{border-radius:13px;width:42px;height:42px;font-size:23px}.miniBrand b{letter-spacing:.16em;font-size:14px;display:block}.miniBrand small{color:var(--muted);letter-spacing:.22em;margin-top:3px;font-size:9px;display:block}.secure{color:#aab5c1;letter-spacing:.12em;align-items:center;gap:9px;font-size:10px;display:flex}.secure span{background:var(--green);width:7px;height:7px;box-shadow:0 0 14px var(--green);border-radius:50%}.idlePanel,.result{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:110px 24px;display:flex;position:absolute;inset:0}.state-idle,.state-permission,.state-error{cursor:pointer}.orbit{border:1px solid #d9b44a21;border-radius:50%;place-items:center;width:220px;height:220px;margin-bottom:36px;animation:3s ease-in-out infinite breathe;display:grid;box-shadow:0 0 0 36px #d9b44a06,0 0 0 72px #d9b44a05}.scanGlyph{width:96px;height:96px;position:relative}.scanGlyph span{border-color:var(--gold);border-style:solid;width:30px;height:30px;position:absolute}.scanGlyph span:first-child{border-width:2px 0 0 2px;border-radius:12px 0 0;top:0;left:0}.scanGlyph span:nth-child(2){border-width:2px 2px 0 0;border-radius:0 12px 0 0;top:0;right:0}.scanGlyph span:nth-child(3){border-width:0 0 2px 2px;border-radius:0 0 0 12px;bottom:0;left:0}.scanGlyph span:nth-child(4){border-width:0 2px 2px 0;border-radius:0 0 12px;bottom:0;right:0}.scanGlyph i{border:1px solid #4ad9c58c;border-radius:50% 50% 46% 46%;width:38px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.idlePanel h1,.result h1{letter-spacing:-.045em;margin:7px 0 10px;font-size:clamp(38px,5.4vw,68px)}.lead,.result>p{color:#a6b3c1;max-width:670px;font-size:clamp(15px,2vw,20px);line-height:1.6}.tapCue{color:#f0d47a;background:#d9b44a12;border:1px solid #d9b44a47;border-radius:999px;align-items:center;gap:14px;margin-top:34px;padding:15px 22px;font-weight:750;display:flex}.tapCue i{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:1.3s infinite pulse}.privacy{color:#596879;letter-spacing:.05em;margin-top:18px;font-size:11px}.cameraStage{background:#02070c;position:absolute;inset:0}.video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.shade{display:none}.scannerFrame{border-radius:46% 46% 42% 42%;width:min(42vw,410px);height:min(58vh,520px);position:absolute;top:48%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.scannerFrame>i{border-color:var(--gold);border-style:solid;width:55px;height:55px;position:absolute}.c1{border-width:3px 0 0 3px;border-radius:20px 0 0;top:0;left:0}.c2{border-width:3px 3px 0 0;border-radius:0 20px 0 0;top:0;right:0}.c3{border-width:0 0 3px 3px;border-radius:0 0 0 20px;bottom:0;left:0}.c4{border-width:0 3px 3px 0;border-radius:0 0 20px;bottom:0;right:0}.scanLine{background:linear-gradient(90deg,transparent,var(--teal),transparent);height:1px;box-shadow:0 0 18px var(--teal);opacity:.35;position:absolute;top:12%;left:10%;right:10%}.scanLine.active{animation:1.25s ease-in-out infinite scan}.scanStatus{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050b12bf;border:1px solid #ffffff1a;border-radius:20px;min-width:min(620px,80vw);padding:18px 24px;position:absolute;bottom:11vh;left:50%;transform:translate(-50%)}.scanStatus p{margin:0;font-size:18px;font-weight:800}.scanStatus small{color:#91a0b1;margin-top:6px;display:block}.pulse{background:var(--teal);width:8px;height:8px;box-shadow:0 0 12px var(--teal);border-radius:50%;margin-right:8px;display:inline-block}.resultIcon{width:74px;height:74px;color:var(--green);background:#55d98c1f;border:1px solid #55d98c59;border-radius:24px;place-items:center;margin-bottom:20px;font-size:38px;font-weight:900;display:grid}.error .resultIcon{color:var(--red);background:#ff7a7a1c;border-color:#ff7a7a4d}.resultAvatar{object-fit:cover;border:2px solid #d9b44a80;border-radius:34px;width:104px;height:104px;margin-bottom:18px}.resultAvatar.fallback{color:var(--gold);background:#152333;place-items:center;font-size:42px;font-weight:900;display:grid}.successBar,.retry{color:#8ce5af;background:#55d98c1a;border:1px solid #55d98c47;border-radius:999px;margin-top:24px;padding:13px 20px;font-weight:800}.retry{color:#efd77d;background:#d9b44a14;border-color:#d9b44a40}.result small{color:#667586;margin-top:16px}@keyframes load{0%{transform:translate(-120%)}to{transform:translate(350%)}}@keyframes breathe{50%{opacity:.82;transform:scale(1.04)}}@keyframes float{50%{transform:translate(18px,-18px)scale(1.05)}}@keyframes pulse{50%{opacity:.28;transform:scale(.75)}}@keyframes scan{0%{top:12%}50%{top:86%}to{top:12%}}@media (max-width:700px){header,footer{padding:20px}.secure{display:none}.scannerFrame{width:70vw;height:49vh}.scanStatus{bottom:12vh}.orbit{width:170px;height:170px}.idlePanel h1,.result h1{font-size:38px}footer span:last-child{display:none}}.faceGuide{border:4px solid var(--gold);z-index:4;border-radius:122px;justify-content:center;align-items:center;width:224px;height:294px;transition:all .2s;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.faceGuide.active{border-color:var(--green);box-shadow:0 0 34px #55d98c29}.faceInner{border:1px solid #ffffffd1;border-radius:112px;width:196px;height:264px}.scanSweep{background:linear-gradient(90deg,transparent,var(--teal),transparent);height:1px;box-shadow:0 0 18px var(--teal);opacity:0;position:absolute;top:16%;left:12%;right:12%}.faceGuide.active .scanSweep{opacity:.9;animation:1.25s ease-in-out infinite scanOval}.guideLabel{color:#fff;letter-spacing:.12em;white-space:nowrap;font-size:10px;font-weight:900;position:absolute;bottom:-34px}.mobileCueCard{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#08111ff0;border:1px solid #ffffff24;border-radius:20px;width:min(620px,100vw - 40px);padding:16px;position:absolute;bottom:max(72px,8vh);left:50%;transform:translate(-50%)}.cueTitle{color:var(--text);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:800;line-height:19px;display:flex}.cueList{background:#0f1b2deb;border-radius:12px;gap:4px;margin-top:11px;padding:10px;display:grid}.cueList span{color:#cbd5e1;font-size:10px;line-height:15px}.mobileCueCard>small{color:var(--muted);margin-top:9px;font-size:10px;line-height:15px;display:block}@keyframes scanOval{0%{top:16%}50%{top:84%}to{top:16%}}@media (max-width:1024px){header,footer{padding:22px 24px}.idlePanel,.result{padding:92px 24px 78px}.orbit{width:190px;height:190px;margin-bottom:28px}.faceGuide{width:214px;height:280px;top:44%}.faceInner{width:187px;height:251px}.mobileCueCard{width:min(580px,100vw - 32px);bottom:64px}}@media (max-width:700px){header{padding:14px 16px}footer{padding:12px 16px;font-size:9px}.miniBrand>span{width:36px;height:36px}.secure{display:none}.idlePanel,.result{padding:76px 18px 56px}.orbit{width:142px;height:142px;margin-bottom:22px}.scanGlyph{transform:scale(.82)}.idlePanel h1,.result h1{font-size:clamp(31px,9vw,42px)}.lead,.result>p{font-size:14px}.tapCue{margin-top:22px;padding:13px 18px;font-size:13px}.privacy{font-size:9px}.faceGuide{border-width:3px;width:min(52vw,206px);height:min(39vh,270px);top:38%}.faceInner{width:calc(100% - 24px);height:calc(100% - 26px)}.guideLabel{font-size:9px;bottom:-28px}.mobileCueCard{border-radius:17px;width:calc(100vw - 24px);padding:13px;bottom:42px}.cueTitle{font-size:12px}.cueList{margin-top:8px;padding:8px}.cueList span,.mobileCueCard>small{font-size:9px;line-height:13px}.resultAvatar{border-radius:26px;width:82px;height:82px}footer span:last-child{display:none}}@media (max-width:420px) and (max-height:760px){.faceGuide{width:150px;height:198px;top:34%}.mobileCueCard{bottom:30px}.cueList span:nth-child(3),.mobileCueCard>small{display:none}}@media (orientation:landscape) and (max-height:600px){header{padding:12px 18px}.secure,footer{display:none}.idlePanel{padding:54px 18px 18px}.orbit{width:108px;height:108px;margin-bottom:12px}.scanGlyph{transform:scale(.65)}.idlePanel h1{font-size:30px}.privacy{display:none}.faceGuide{width:150px;height:198px;top:50%;left:31%}.mobileCueCard{width:min(44vw,420px);top:50%;bottom:auto;left:69%;transform:translate(-50%,-50%)}}.faceGuide{transition:border-color .45s,box-shadow .45s,transform .45s}.faceGuide.active{transform:translate(-50%,-50%)scale(1.025)}.orbitalRing{border-radius:inherit;pointer-events:none;border:1px solid #54ddd23d;position:absolute;inset:-18px}.orbitalRing.r1{animation:2.4s ease-in-out infinite orbitalPulse}.orbitalRing.r2{border-color:#d9b44a29;animation:2.4s ease-in-out .8s infinite reverse orbitalPulse;inset:-34px}.state-verifying .faceGuide{border-color:var(--teal);box-shadow:0 0 0 8px #54ddd20d,0 0 34px #54ddd22e}.state-verifying .scanSweep{height:2px;animation-duration:1.75s}.futuristicCue{overflow:hidden}.futuristicCue:before{content:"";background:linear-gradient(90deg,transparent,var(--teal),transparent);width:38%;height:1px;animation:2.8s linear infinite dataTravel;position:absolute;top:0;left:0}.phaseTrack{white-space:nowrap;justify-content:center;align-items:center;gap:9px;margin-bottom:12px;display:flex}.phaseTrack span{letter-spacing:.12em;color:#64748b;font-size:8px;font-weight:900;transition:color .35s,text-shadow .35s}.phaseTrack span.active{color:var(--teal);text-shadow:0 0 14px #54ddd266}.phaseTrack span.done{color:var(--green)}.phaseTrack i{background:#ffffff1f;width:24px;height:1px}.signalBars{justify-content:center;align-items:flex-end;gap:4px;height:18px;margin:10px 0 6px;display:flex}.signalBars i{background:var(--teal);border-radius:3px;width:3px;animation:1.1s ease-in-out infinite signal;display:block}.signalBars i:first-child{height:6px}.signalBars i:nth-child(2){height:12px;animation-delay:.13s}.signalBars i:nth-child(3){height:17px;animation-delay:.26s}.signalBars i:nth-child(4){height:10px;animation-delay:.39s}.signalBars i:nth-child(5){height:5px;animation-delay:.52s}.futuristicSuccess{animation:.7s cubic-bezier(.2,.8,.2,1) both resultEnter}.successHalo{place-items:center;width:94px;height:94px;margin-bottom:4px;display:grid;position:relative}.successHalo:before,.successHalo:after{content:"";border:1px solid #55d98c40;border-radius:32px;animation:2s ease-out infinite successPulse;position:absolute;inset:0}.successHalo:after{animation-delay:1s}.successHalo .resultIcon{margin:0}.wishLine{color:#dbe7ef!important;margin-top:2px!important;font-size:clamp(16px,2.2vw,21px)!important}.employeeMeta{color:var(--muted)!important;margin-top:9px!important;font-size:12px!important}.voiceWave{align-items:center;gap:2px;height:14px;margin-right:8px;display:inline-flex}.voiceWave i{background:currentColor;border-radius:3px;width:2px;animation:.8s ease-in-out infinite voiceBar;display:block}.voiceWave i:first-child{height:5px}.voiceWave i:nth-child(2){height:12px;animation-delay:.12s}.voiceWave i:nth-child(3){height:8px;animation-delay:.24s}.voiceWave i:nth-child(4){height:4px;animation-delay:.36s}@keyframes orbitalPulse{0%,to{opacity:.22;transform:scale(.98)}50%{opacity:.72;transform:scale(1.035)}}@keyframes dataTravel{0%{transform:translate(-120%)}to{transform:translate(330%)}}@keyframes signal{0%,to{opacity:.35;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}@keyframes resultEnter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes successPulse{0%{opacity:.6;transform:scale(.84)}to{opacity:0;transform:scale(1.5)}}@keyframes voiceBar{0%,to{opacity:.55;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:700px){.phaseTrack{gap:6px}.phaseTrack i{width:14px}.phaseTrack span{font-size:7px}.successHalo{width:78px;height:78px}.wishLine{font-size:15px!important}}@media (max-width:370px){.phaseTrack i{width:8px}.phaseTrack span{letter-spacing:.07em}}@media (prefers-reduced-motion:reduce){.orbitalRing,.signalBars i,.futuristicCue:before,.successHalo:before,.successHalo:after,.voiceWave i{animation:none!important}}.headerActions{align-items:center;gap:14px;display:flex}.soundToggle{-webkit-appearance:none;appearance:none;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#08111fb8;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:8px;height:40px;padding:0 10px 0 11px;transition:border-color .25s,background .25s,transform .2s;display:flex}.soundToggle:hover{background:#0a1626e6;border-color:#54ddd26b}.soundToggle:active{transform:scale(.98)}.soundIcon{font-size:15px;line-height:1}.soundLabel{letter-spacing:.06em;white-space:nowrap;font-size:10px;font-weight:900}.switchTrack{background:#ffffff1f;border-radius:20px;width:30px;height:17px;transition:background .25s;display:block;position:relative}.switchTrack b{background:#94a3b8;border-radius:50%;width:11px;height:11px;transition:transform .25s,background .25s;position:absolute;top:3px;left:3px}.soundToggle.on .switchTrack{background:#54ddd240}.soundToggle.on .switchTrack b{background:var(--teal);transform:translate(13px)}.soundToggle.off{color:#a9b6c6}@media (max-width:700px){.headerActions{gap:8px}.soundToggle{border-radius:12px;gap:6px;height:36px;padding:0 8px}.soundLabel{display:none}.soundIcon{font-size:14px}.switchTrack{width:28px;height:16px}.switchTrack b{width:10px;height:10px;top:3px}.soundToggle.on .switchTrack b{transform:translate(12px)}}@media (max-width:420px){.soundToggle{padding:0 7px}}.accessGate{background:var(--bg);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.accessCard{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;background:#07101ddb;border:1px solid #ffffff1f;border-radius:28px;width:min(440px,100%);padding:34px;position:relative}.accessCard .brandMark{margin:0 0 24px}.accessCard h1{margin:8px 0 12px;font-size:clamp(30px,5vw,46px);line-height:1.02}.accessLead{color:var(--muted);margin:0 0 25px;font-size:15px;line-height:1.6}.accessForm{flex-direction:column;gap:10px;display:flex}.accessForm label{letter-spacing:.09em;text-transform:uppercase;color:#b9c7d6;font-size:11px;font-weight:800}.passwordField{position:relative}.passwordField input{width:100%;height:54px;color:var(--text);font:inherit;background:#ffffff0e;border:1px solid #ffffff24;border-radius:15px;outline:none;padding:0 16px;font-size:16px;transition:border-color .25s,box-shadow .25s,background .25s}.passwordField input:focus{background:#ffffff13;border-color:#54ddd294;box-shadow:0 0 0 4px #54ddd214}.accessForm button{background:var(--teal);color:#031016;letter-spacing:.035em;cursor:pointer;border:0;border-radius:15px;justify-content:space-between;align-items:center;height:52px;margin-top:5px;padding:0 18px;font-size:13px;font-weight:900;transition:transform .2s,filter .2s,opacity .2s;display:flex}.accessForm button:hover:not(:disabled){filter:brightness(1.06)}.accessForm button:active:not(:disabled){transform:scale(.99)}.accessForm button:disabled{opacity:.42;cursor:not-allowed}.accessError{color:#ff9c9c;margin:2px 0 0;font-size:12px}.accessHint{color:#6f8092;margin-top:18px;font-size:11px;line-height:1.5;display:block}@media (max-width:520px){.accessGate{padding:18px}.accessCard{border-radius:22px;padding:25px 20px}.accessCard .brandMark{margin-bottom:18px}}.logoMark{overflow:hidden;background:0 0!important;padding:0!important}.logoMark img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.miniLogo{overflow:hidden;background:0 0!important;padding:0!important}.miniLogo img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}