:root{--bg: #020711;--bg2: #07172c;--panel: rgba(8, 22, 45, .92);--panel2: rgba(13, 31, 59, .9);--cyan: #36d8ff;--cyan-light: #8feaff;--blue: #1785ff;--gold: #ffd34d;--gold2: #ff9c00;--green: #42ff98;--white: #f4f8ff;--muted: #8fc9e8;--border: rgba(53, 215, 255, .25)}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}body{overflow-x:hidden;background:#020711;color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.login-page{position:relative;width:100%;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:25px;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(20,106,220,.35),transparent 42%),radial-gradient(circle at 50% 80%,rgba(0,170,255,.1),transparent 45%),linear-gradient(180deg,#07182f,#030914 55%,#01040a)}.login-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(53,215,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.025) 1px,transparent 1px);background-size:45px 45px}.login-page:after{content:"";position:absolute;width:min(800px,100vw);height:min(800px,100vw);left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,160,255,.16),transparent 70%);filter:blur(60px);pointer-events:none;animation:loginGlow 5s ease-in-out infinite}@keyframes loginGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.login-card{position:relative;z-index:2;width:min(520px,100%);padding:clamp(25px,5vw,45px);text-align:center;border-radius:30px;background:linear-gradient(180deg,#0a1d39f5,#050e1df7);border:1px solid rgba(70,210,255,.3);box-shadow:0 0 60px #0096ff33,inset 0 0 30px #ffffff06;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);overflow:hidden;animation:loginAppear .7s ease}.login-card:before{content:"";position:absolute;top:0;left:-100%;width:65%;height:2px;background:linear-gradient(90deg,transparent,#6be8ff,transparent);animation:loginScan 5s linear infinite}@keyframes loginScan{to{left:140%}}@keyframes loginAppear{0%{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-star{width:76px;height:76px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--gold);font-size:39px;background:radial-gradient(circle,#244e80,#0a1d3a);border:1px solid rgba(255,210,80,.3);box-shadow:0 0 30px #ffc33759;text-shadow:0 0 12px var(--gold)}.login-card h1{margin:0;color:#fff;font-size:clamp(22px,4vw,32px);letter-spacing:1.5px;line-height:1.15}.login-subtitle{margin:8px 0 22px;color:var(--cyan-light);font-size:11px;letter-spacing:2.5px}.encrypted-status{width:fit-content;max-width:100%;margin:0 auto 28px;padding:9px 16px;display:flex;align-items:center;justify-content:center;gap:8px;color:#bceeff;font-size:11px;letter-spacing:1px;border-radius:30px;background:#35d7ff12;border:1px solid rgba(53,215,255,.2)}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green),0 0 15px var(--green);animation:statusPulse 1.5s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.35}}.login-form{width:100%;text-align:left}.login-form label{display:block;margin:0 0 9px;color:#91dfff;font-size:11px;font-weight:700;letter-spacing:1.3px}.login-form label span{color:#668ca7;font-size:9px;margin-left:4px}.digit-boxes{width:100%;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin-bottom:10px}.digit-box{min-width:0;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--gold);font-size:16px;font-weight:700;background:#081930e6;border:1px solid rgba(53,215,255,.16);transition:border-color .2s,box-shadow .2s}.digit-box.filled{border-color:#35d7ff8c;box-shadow:0 0 10px #35d7ff26}.login-input{width:100%;height:50px;margin-bottom:20px;padding:0 15px;border:1px solid rgba(53,215,255,.2);border-radius:12px;outline:none;color:#fff;background:#040f1ff2;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:#50718a}.login-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #35d7ff14,0 0 20px #35d7ff1f}.password-wrapper{position:relative}.password-wrapper .login-input{padding-right:52px}.show-password{position:absolute;top:50%;right:9px;width:36px;height:36px;transform:translateY(-50%);border:none;border-radius:9px;color:#86cce9;background:#35d7ff12;cursor:pointer;transition:background .2s,color .2s}.show-password:hover{color:#fff;background:#35d7ff26}.login-error{margin:-8px 0 15px;padding:10px;border-radius:10px;color:#ff9fa6;background:#ff465014;border:1px solid rgba(255,70,80,.18);font-size:11px;text-align:center}.access-button{width:100%;min-height:58px;margin-top:2px;border:none;border-radius:14px;color:#101010;background:linear-gradient(90deg,#ffac19,#ffd85a);box-shadow:0 0 30px #ffb91e40;font-size:14px;font-weight:900;letter-spacing:1px;cursor:pointer;transition:transform .25s,box-shadow .25s}.access-button:hover{transform:translateY(-3px);box-shadow:0 0 40px #ffbe1e73}.access-button:active{transform:scale(.98)}.secure-access{margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);text-align:center}.secure-access span{display:block;color:var(--green);font-size:10px;font-weight:800;letter-spacing:2px;text-shadow:0 0 8px rgba(66,255,152,.35)}.secure-access small{display:block;margin-top:6px;color:#607f99;font-size:9px;letter-spacing:1px}.dashboard-page{position:relative;width:100%;min-height:100vh;min-height:100svh;padding:25px clamp(12px,3vw,35px) 40px;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,rgba(30,100,220,.4),transparent 42%),radial-gradient(circle at 50% 50%,rgba(0,150,255,.1),transparent 55%),linear-gradient(180deg,#07172d,#030913 55%,#01040a)}.dashboard-page:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(53,215,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(53,215,255,.025) 1px,transparent 1px);background-size:42px 42px}.dashboard-header{position:relative;z-index:2;width:100%;max-width:1800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(16px,3vw,30px);border-radius:22px;background:linear-gradient(180deg,#0f2241f0,#071122f0);border:1px solid var(--border);box-shadow:0 0 35px #0096ff24;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{min-width:0;display:flex;align-items:center;gap:15px}.brand-icon{flex:0 0 auto;width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--gold);font-size:31px;background:radial-gradient(circle,#214d80,#0a1c38);box-shadow:0 0 25px #ffc8464d}.brand h1{margin:0;color:#fff;font-size:clamp(19px,2.4vw,32px);line-height:1.1;letter-spacing:1.5px}.brand p{margin:6px 0 0;color:var(--cyan-light);font-size:10px;letter-spacing:2px}.header-right{display:flex;align-items:center;gap:15px}.live-status{display:flex;align-items:center;gap:7px;padding:9px 14px;color:var(--green);border-radius:30px;background:#42ff980d;border:1px solid rgba(66,255,152,.15);font-size:11px;font-weight:800}.live-status span,.live-badge span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.version-box{padding:9px 14px;text-align:center;border-radius:14px;background:#35d7ff0f;border:1px solid rgba(53,215,255,.18)}.version-box small{display:block;color:#6d9ab4;font-size:8px;letter-spacing:1px}.version-box strong{color:#fff;font-size:18px}.main-panel,.confidence-panel,.orion-card,.log-card{position:relative;z-index:2;width:min(1800px,100%);margin:20px auto 0;padding:clamp(16px,2.5vw,28px);border-radius:24px;background:linear-gradient(180deg,#0a1b35eb,#050e1df0);border:1px solid var(--border);box-shadow:0 0 30px #0096ff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-title-row h2{margin:0;color:var(--cyan-light);font-size:clamp(19px,2.5vw,27px);letter-spacing:1.5px}.live-badge{display:flex;align-items:center;gap:7px;color:var(--green);font-size:11px;font-weight:800}.confidence-summary{padding:20px;margin-bottom:22px;text-align:center;border-radius:18px;background:linear-gradient(180deg,#162a4ce6,#09152bf2);border:1px solid rgba(53,215,255,.18)}.confidence-summary p{margin:0;color:var(--muted);font-size:10px;letter-spacing:1.5px}.confidence-summary strong{display:block;margin:8px 0;color:var(--gold);font-size:clamp(42px,7vw,64px);line-height:1;text-shadow:0 0 12px rgba(255,210,80,.55)}.confidence-summary span{color:var(--cyan-light);font-size:11px}.star-grid{width:min(100%,520px);margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(7px,1.3vw,13px)}.star-cell{position:relative;width:100%;aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:clamp(10px,1.5vw,18px);border:1px solid rgba(70,210,255,.35);color:#b4e1f573;background:linear-gradient(180deg,#122341f5,#0a1428f5);font-size:clamp(9px,1.5vw,13px);font-weight:600;transition:transform .25s,border-color .25s,box-shadow .25s}.star-cell:hover{transform:translateY(-3px) scale(1.03);border-color:var(--cyan-light);box-shadow:0 0 18px #35d7ff80}.star-revealed{color:var(--gold);border-color:var(--gold);background:linear-gradient(180deg,#223e68fa,#0c1a30fa);font-size:clamp(25px,5vw,45px);text-shadow:0 0 8px var(--gold),0 0 20px #ffad00;box-shadow:0 0 18px #ffcd46a6}.action-buttons{width:min(100%,700px);margin:22px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.reveal-button,.restart-button{min-height:64px;border:none;border-radius:16px;padding:12px;font-size:clamp(11px,1.5vw,15px);font-weight:800;cursor:pointer;transition:transform .25s,box-shadow .25s,opacity .25s}.reveal-button{color:#fff;background:linear-gradient(180deg,#1785ff,#0b4f9f);box-shadow:0 0 25px #288cff40}.restart-button{color:#111;background:linear-gradient(180deg,#ffc13b,#ff9200);box-shadow:0 0 25px #ffb30040}.reveal-button:hover,.restart-button:hover{transform:translateY(-3px)}.reveal-button:disabled{opacity:.45;cursor:not-allowed}.statistics{width:min(100%,700px);margin:15px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.statistics div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}.statistics span{color:var(--muted);font-size:11px}.statistics strong{color:#fff;font-size:13px}.confidence-panel{display:grid;grid-template-columns:auto minmax(230px,1fr);align-items:center;gap:25px}.confidence-panel>h2{grid-column:1 / -1;margin:0;color:var(--cyan-light);font-size:18px;text-align:center;letter-spacing:1.5px}.confidence-circle{width:min(220px,50vw);aspect-ratio:1;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#102c50 0 55%,transparent 56%);border:12px solid #173a62;box-shadow:0 0 0 3px #35d7ff14,0 0 30px #35d7ff29;position:relative}.confidence-circle:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:conic-gradient(var(--cyan) var(--confidence),transparent var(--confidence));z-index:-1;filter:drop-shadow(0 0 8px var(--cyan))}.confidence-circle>div{text-align:center}.confidence-circle strong{display:block;color:#fff;font-size:35px}.confidence-circle span{color:var(--gold);font-size:10px;letter-spacing:1px}.system-card,.orion-card,.log-card{margin:0}.system-card h2,.orion-card h2,.log-card h2{margin:0 0 16px;color:var(--gold);font-size:18px;text-align:center;letter-spacing:1.3px}.green-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.system-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.system-row:last-child{border-bottom:none}.system-row span{color:var(--muted);font-size:12px}.system-row strong{color:#fff;font-size:12px;text-align:right}.system-row .online{color:var(--green)}.orion-card{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.orion-card h2{grid-column:1 / -1}.log-card h2{color:var(--cyan-light)}.log-card p{margin:0;padding:8px 0;color:#62ff95;font-family:Consolas,Monaco,monospace;font-size:11px;border-bottom:1px solid rgba(255,255,255,.05)}.log-card p:last-child{border-bottom:none}.dashboard-page footer{position:relative;z-index:2;width:100%;margin-top:18px;color:var(--cyan-light);text-align:center;font-size:9px;letter-spacing:2px}@media(max-width:900px){.dashboard-header{flex-wrap:wrap}.brand{width:100%}.header-right{width:100%;justify-content:space-between}.confidence-panel{grid-template-columns:1fr}.confidence-circle{grid-row:auto}}@media(max-width:600px){.login-page{padding:12px}.login-card{padding:24px 16px;border-radius:22px}.login-star{width:60px;height:60px;margin-bottom:14px;font-size:30px}.login-card h1{font-size:20px}.login-subtitle{font-size:8px;letter-spacing:1.5px}.encrypted-status{margin-bottom:20px;font-size:9px}.digit-boxes{gap:3px}.digit-box{height:34px;border-radius:6px;font-size:12px}.login-input{height:47px;font-size:14px}.access-button{min-height:54px;font-size:12px}.dashboard-page{padding:8px 8px 22px}.dashboard-header{padding:13px;border-radius:17px}.brand{gap:10px}.brand-icon{width:46px;height:46px;font-size:23px}.brand h1{font-size:17px}.brand p{font-size:7px;letter-spacing:1px}.header-right{gap:8px}.live-status{padding:7px 9px;font-size:8px}.version-box{padding:7px 10px}.version-box strong{font-size:15px}.main-panel,.confidence-panel,.orion-card,.log-card{margin-top:12px;padding:13px;border-radius:17px}.panel-title-row h2{font-size:17px}.confidence-summary{padding:14px;margin-bottom:13px}.confidence-summary strong{font-size:43px}.star-grid{gap:6px}.star-cell{border-radius:9px;font-size:8px}.star-revealed{font-size:25px}.action-buttons{grid-template-columns:1fr;gap:8px;margin-top:14px}.reveal-button,.restart-button{min-height:55px;border-radius:13px;font-size:11px}.statistics{grid-template-columns:1fr;gap:0}.confidence-panel>h2{font-size:15px}.confidence-circle{width:155px;border-width:9px}.confidence-circle:before{inset:-9px}.confidence-circle strong{font-size:28px}.system-card h2,.orion-card h2,.log-card h2{font-size:15px}.system-row{padding:9px 0}.system-row span,.system-row strong{font-size:10px}.orion-card{grid-template-columns:1fr}.orion-card h2{grid-column:auto}.dashboard-page footer{font-size:7px;letter-spacing:1.2px}}@media(max-width:380px){.login-card{padding:20px 12px}.digit-box{height:31px}.login-form label{font-size:9px}.dashboard-page{padding-left:5px;padding-right:5px}.star-grid{gap:5px}.star-revealed{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.language-switcher{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;margin:0 auto 22px;padding:6px 9px;border-radius:30px;background:#35d7ff0f;border:1px solid rgba(53,215,255,.2);box-shadow:0 0 18px #35d7ff14}.language-switcher button{min-width:58px;padding:7px 11px;border:none;border-radius:20px;color:#7198b0;background:transparent;font-size:11px;font-weight:800;letter-spacing:.5px;cursor:pointer;transition:color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease}.language-switcher button:hover{color:#fff;background:#35d7ff1a;transform:translateY(-1px)}.language-switcher button.language-active{color:#fff;background:linear-gradient(180deg,#1785ffcc,#0b4f9fcc);box-shadow:0 0 12px #35d7ff40}.language-switcher>span{color:#7fdfff59;font-size:11px}@media(max-width:600px){.language-switcher{margin-bottom:18px;gap:7px;padding:5px 7px}.language-switcher button{min-width:54px;padding:6px 9px;font-size:10px}}.dashboard-page .star-grid{background:#080f20;border:1px solid rgba(47,196,255,.35);border-radius:22px;padding:24px;box-shadow:inset 0 0 30px #008cff0f,0 0 20px #0064ff14}.dashboard-page .star-cell{position:relative;overflow:hidden;background:linear-gradient(145deg,#39b8d5,#199bb8 48%,#087c96)!important;border:3px solid #2387a9!important;border-radius:18px!important;box-shadow:0 0 0 4px #0e2a48e6,0 0 12px #1cb1db59,inset 0 2px 4px #ffffff61,inset 0 -8px 15px #003c5a40!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}.dashboard-page .star-cell:before{content:"";position:absolute;top:5px;left:7px;width:32%;height:18%;border-radius:50%;background:#ffffff47;filter:blur(5px);pointer-events:none}.dashboard-page .star-cell:after{content:"";position:absolute;width:65px;height:65px;left:-18px;bottom:-25px;border-radius:50%;background:#0046642e;pointer-events:none}.dashboard-page .star-cell.star-revealed{background:linear-gradient(145deg,#ffb83d,#ff8b28 45%,#e95725)!important;border:3px solid #ff9a35!important;color:#fff2bd!important;box-shadow:0 0 0 4px #512a1cd9,0 0 18px #ff8924cc,0 0 35px #ff671966,inset 0 2px 5px #ffffff8c,inset 0 -8px 15px #be3a0f47!important;text-shadow:0 0 5px #fff5c7,0 0 12px #ffca55!important;animation:orangeStarReveal .5s ease-out!important}.dashboard-page .star-cell.star-revealed{font-size:2.5rem!important}@keyframes orangeStarReveal{0%{opacity:0;transform:scale(.35) rotate(-20deg)}55%{opacity:1;transform:scale(1.15) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.dashboard-page .star-cell.scanning{background:linear-gradient(145deg,#55d7ec,#20b7d4,#078ca9)!important;border-color:#6eeaff!important;animation:cyanScan .7s ease-in-out infinite!important}@keyframes cyanScan{0%,to{transform:scale(1);box-shadow:0 0 0 4px #0e2a48e6,0 0 12px #28cdf073,inset 0 2px 5px #ffffff59}50%{transform:scale(1.04);box-shadow:0 0 0 4px #144664e6,0 0 30px #37dcfff2,0 0 45px #19b4f080,inset 0 2px 8px #ffffff8c}}@media(max-width:600px){.dashboard-page .star-grid{padding:14px;gap:12px;border-radius:18px}.dashboard-page .star-cell{border-radius:14px!important;border-width:2px!important;box-shadow:0 0 0 3px #0e2a48e6,0 0 10px #1cb1db4d,inset 0 2px 4px #ffffff59!important}.dashboard-page .star-cell.star-revealed{font-size:2rem!important}}.login-star,.brand-icon{animation:logoStarShimmer 3.2s ease-in-out infinite;transform-origin:center}.dashboard-page .star-cell.star-revealed{animation:orangeStarReveal .5s ease-out,revealedStarShimmer 2.8s ease-in-out .5s infinite!important}.reveal-button{position:relative}.reveal-button:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 #ffbe3200;animation:buttonStarGlow 3.5s ease-in-out infinite}@keyframes logoStarShimmer{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 3px rgba(255,190,45,.35));text-shadow:0 0 4px rgba(255,205,70,.35)}45%{transform:scale(1.025) rotate(-1deg);filter:drop-shadow(0 0 8px rgba(255,190,45,.75));text-shadow:0 0 7px rgba(255,220,90,.7)}55%{transform:scale(1.045) rotate(1deg);filter:drop-shadow(0 0 15px rgba(255,180,35,.95));text-shadow:0 0 13px rgba(255,220,100,.9)}65%{transform:scale(1.02) rotate(0);filter:drop-shadow(0 0 7px rgba(255,190,45,.65))}}@keyframes revealedStarShimmer{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(255,155,30,.35));text-shadow:0 0 5px #fff0b0,0 0 10px rgba(255,160,35,.55)}35%{transform:scale(1.025);filter:drop-shadow(0 0 9px rgba(255,170,40,.65));text-shadow:0 0 7px #fff4c7,0 0 16px rgba(255,175,45,.75)}50%{transform:scale(1.055);filter:drop-shadow(0 0 17px rgba(255,145,25,.95));text-shadow:0 0 10px #fff7d5,0 0 22px #ffb52e,0 0 34px rgba(255,105,20,.65)}65%{transform:scale(1.015);filter:drop-shadow(0 0 8px rgba(255,165,35,.6));text-shadow:0 0 7px #fff0b0,0 0 14px rgba(255,160,35,.65)}}@keyframes buttonStarGlow{0%,to{opacity:0;box-shadow:0 0 #ffbe3200}48%{opacity:.35;box-shadow:0 0 12px #ffbe3240}55%{opacity:.7;box-shadow:0 0 22px #ffbe3266}62%{opacity:.25;box-shadow:0 0 8px #ffbe3233}}*{box-sizing:border-box}html{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}body{width:100%;min-width:320px;min-height:100vh;margin:0;padding:0;background:#030711;color:#f4f8ff;font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-width:320px;min-height:100vh}button{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg{max-width:100%}::selection{background:#35d7ff4d;color:#fff}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#07101d}::-webkit-scrollbar-thumb{background:#238fc0;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#45d9ff}@media(max-width:600px){html,body,#root{overflow-x:hidden}}