:root{--phase:#4cff21;--phase-rgb:76,255,33;--ink:#f4f8fb;--muted:#aeb8c1}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#010406;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}body{overflow:hidden}.boot{--progress:0;position:relative;min-height:100dvh;display:grid;place-items:center;overflow:hidden;background:#020607;isolation:isolate;transition:--phase .8s ease}.phase-red{--phase:#d62839;--phase-rgb:214,40,57}.phase-yellow{--phase:#f1cf3a;--phase-rgb:241,207,58}.phase-green{--phase:#4cff21;--phase-rgb:76,255,33}.phase-blue{--phase:#4cb8ff;--phase-rgb:76,184,255}.space{inset:-8%;z-index:-8;background:linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,.52)),url(/pulsar-galatico.png) center 43%/cover no-repeat;filter:saturate(1.18) contrast(1.1) brightness(.68);animation:spaceMove 28s ease-in-out infinite alternate}.space,.stars{position:absolute}.stars{inset:-20%;z-index:-7;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:79px 79px;opacity:.1;animation:stars 38s linear infinite}.stars-b{background-size:129px 129px;opacity:.055;animation-duration:57s;animation-direction:reverse}.planet{z-index:-5;left:-10%;right:-10%;bottom:-43%;height:68%;border-radius:50% 50% 0 0/27% 27% 0 0;background:radial-gradient(ellipse at center top,rgba(var(--phase-rgb),.62) 0 1px,rgba(var(--phase-rgb),.23) 2px,rgba(4,20,25,.94) 7%,#020608 30%,#010303 68%);box-shadow:0 -1px 14px rgba(var(--phase-rgb),.45),0 -12px 64px rgba(var(--phase-rgb),.12);opacity:.72}.ambient,.planet{position:absolute;transition:1s ease}.ambient{border-radius:50%;filter:blur(105px);z-index:-6}.ambient-a{width:42vw;height:30vw;left:5%;top:9%;background:rgba(0,200,255,.09)}.ambient-b{width:42vw;height:34vw;right:-8%;top:28%;background:rgba(var(--phase-rgb),.08)}.power-frame{position:relative;width:min(1370px,92vw);height:min(875px,90dvh);min-height:665px;border-radius:38px;padding:14px;background:linear-gradient(140deg,rgba(213,244,255,.56),rgba(var(--phase-rgb),.42) 28%,rgba(92,225,255,.25) 56%,rgba(var(--phase-rgb),.58));box-shadow:0 0 8px rgba(210,246,255,.55),0 0 24px rgba(var(--phase-rgb),.38),0 0 64px rgba(var(--phase-rgb),.14),inset 0 0 12px rgba(255,255,255,.42);transition:1s ease}.power-frame:before{content:"";position:absolute;inset:3px;border-radius:35px;background:#02070a}.frame-light{position:absolute;z-index:5;pointer-events:none;opacity:.8}.frame-bottom,.frame-top{left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,#ecfbff 16%,var(--phase) 50%,#e8fbff 84%,transparent);box-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(var(--phase-rgb),.58)}.frame-top{top:12px}.frame-bottom{bottom:12px}.frame-left,.frame-right{top:7%;bottom:7%;width:2px;background:linear-gradient(180deg,transparent,#ecfbff 16%,var(--phase) 50%,#e8fbff 84%,transparent);box-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(var(--phase-rgb),.58)}.frame-left{left:12px}.frame-right{right:12px}.glass-panel{position:relative;z-index:2;width:100%;height:100%;border-radius:27px;overflow:hidden;padding:clamp(18px,2.5vw,38px) clamp(22px,4vw,64px) 20px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(145deg,rgba(7,24,29,.68),rgba(1,10,14,.79) 52%,rgba(1,9,11,.7));border:1px solid rgba(201,246,255,.52);box-shadow:inset 0 0 54px rgba(var(--phase-rgb),.035),inset 0 1px 0 rgba(255,255,255,.16);-webkit-backdrop-filter:blur(17px) saturate(1.12);backdrop-filter:blur(17px) saturate(1.12)}.glass-panel:before{content:"";inset:0;background:linear-gradient(115deg,transparent 5%,rgba(255,255,255,.045) 18%,transparent 33%,transparent 70%,rgba(var(--phase-rgb),.025) 85%,transparent)}.glass-panel:before,.glass-shine{position:absolute;pointer-events:none}.glass-shine{top:-18%;left:-5%;width:74%;height:36%;transform:rotate(-6deg);background:linear-gradient(180deg,rgba(255,255,255,.07),transparent);filter:blur(26px)}.pwa-mark{position:absolute;right:28px;top:21px;font-size:10px;letter-spacing:.25em;color:rgba(235,246,250,.66);z-index:4}.brand{display:flex;flex-direction:column;align-items:center;width:100%;position:relative;z-index:2}.logo{width:min(600px,58vw);height:clamp(160px,21vh,235px);object-fit:contain;object-position:center;filter:drop-shadow(0 18px 16px rgba(0,0,0,.72)) drop-shadow(0 0 12px rgba(var(--phase-rgb),.18));animation:logoFloat 7s ease-in-out infinite}.connection-line{display:flex;align-items:center;gap:20px;margin-top:-15px;font-size:clamp(9px,1vw,14px);letter-spacing:.34em;color:#edf2f5}.connection-line span{height:1px;width:95px;background:linear-gradient(90deg,transparent,var(--phase))}.connection-line span:last-child{background:linear-gradient(90deg,var(--phase),transparent)}.connection-line b{color:var(--phase);font-weight:600}.copy{text-align:center;margin-top:clamp(14px,2vh,24px);z-index:2}.copy h1{margin:0;color:#f4f8fa;font-size:clamp(17px,1.75vw,25px);font-weight:500;letter-spacing:.16em;text-shadow:0 0 16px rgba(var(--phase-rgb),.26)}.copy p{margin:8px 0 0;font-size:clamp(11px,1.1vw,16px);color:#cbd3d9;letter-spacing:.02em}.progress-zone{position:relative;width:clamp(164px,14vw,205px);aspect-ratio:1;display:grid;place-items:center;margin:clamp(13px,1.8vh,22px) auto;z-index:2}.ring{width:78%;height:78%;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--phase) calc(var(--progress)*1%),rgba(255,255,255,.055) 0);box-shadow:0 0 12px rgba(var(--phase-rgb),.42),0 0 30px rgba(var(--phase-rgb),.14);transition:1s ease}.ring:after{width:63%;height:63%;background:#061011}.ring:after,.ring:before{content:"";position:absolute;border-radius:50%}.ring:before{width:74%;height:74%;background:repeating-conic-gradient(from 0deg,rgba(var(--phase-rgb),.58) 0 .7deg,transparent .7deg 5deg);-webkit-mask:radial-gradient(circle,transparent 65%,#000 66% 68%,transparent 69%);mask:radial-gradient(circle,transparent 65%,#000 66% 68%,transparent 69%);animation:spin 19s linear infinite}.ring-inner{position:relative;z-index:2;width:63%;height:63%;border-radius:50%;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(circle,rgba(9,25,23,.68),rgba(1,6,8,.97) 76%);border:1px solid rgba(var(--phase-rgb),.25);box-shadow:inset 0 0 18px rgba(var(--phase-rgb),.06)}.ring-inner,.ring-inner strong{display:flex;justify-content:center}.ring-inner strong{align-items:flex-end;white-space:nowrap;font-size:clamp(38px,4.1vw,57px);font-weight:450;line-height:.82;letter-spacing:-.04em}.ring-inner small{font-size:.34em;margin-left:3px;line-height:1.15}.ring-inner span{margin-top:12px;font-size:clamp(8px,.72vw,10px);letter-spacing:.16em;color:#dce4e7}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(var(--phase-rgb),.21)}.orbit-one{inset:4%;border-style:dashed;animation:spin 23s linear infinite}.orbit-two{inset:-4%;border-color:rgba(210,244,255,.09);animation:spin 31s linear infinite reverse}.stages{position:relative;width:min(1000px,100%);display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;z-index:2;margin-top:auto}.rail{position:absolute;top:35px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,rgba(233,251,255,.75),rgba(73,221,255,.72),var(--phase),rgba(233,251,255,.75));box-shadow:0 0 7px rgba(255,255,255,.35),0 0 12px rgba(var(--phase-rgb),.42)}.stage{display:flex;flex-direction:column;align-items:center;text-align:center;color:#cfd8dd;opacity:.42;transition:opacity .55s ease,color .55s ease}.stage.active{opacity:1;color:#f2f8fa}.stage-icon{position:relative;z-index:2;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#a7b5bc;background:radial-gradient(circle at 38% 30%,rgba(56,74,78,.66),rgba(2,11,13,.97) 70%);border:1px solid rgba(206,249,255,.45);box-shadow:0 0 0 3px rgba(210,251,255,.025),0 0 11px rgba(var(--phase-rgb),.09),inset 0 0 15px rgba(255,255,255,.035);transition:.55s ease}.stage.active .stage-icon{color:var(--phase);border-color:rgba(var(--phase-rgb),.66);box-shadow:0 0 0 3px rgba(var(--phase-rgb),.025),0 0 14px rgba(var(--phase-rgb),.38),inset 0 0 17px rgba(var(--phase-rgb),.055)}.stage h2{margin:11px 0 4px;font-size:clamp(9px,.85vw,12px);font-weight:500;letter-spacing:.13em}.stage p{margin:0;font-size:clamp(8px,.73vw,10px);color:#929ea5}.footer{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:clamp(16px,2vh,22px);font-size:clamp(8px,.9vw,12px);letter-spacing:.23em;color:#c8d1d5}.footer strong{font-size:1.12em;letter-spacing:.02em}.footer i{color:var(--phase);font-style:normal;text-shadow:0 0 9px rgba(var(--phase-rgb),.7)}.goads-strip{display:none;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding-top:10px;border-top:1px solid rgba(210,244,255,.08)}.goads-slot{width:54px;height:34px;border-radius:8px;border:1px solid rgba(210,244,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,7,10,.42));box-shadow:inset 0 0 12px rgba(255,255,255,.018)}.connect-panel{width:min(620px,92%);margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:3;animation:fadeUp .75s ease both}.connect-panel .ready-kicker{font-size:11px;letter-spacing:.34em;color:var(--phase)}.connect-panel h1{margin:12px 0 7px;font-size:clamp(27px,3vw,42px);font-weight:520;letter-spacing:.02em}.connect-panel>p{margin:0 0 24px;color:#b8c3c9;font-size:14px}.connect-form{width:100%;display:grid;grid-gap:14px;gap:14px}.connect-form label{display:grid;grid-gap:7px;gap:7px;text-align:left}.connect-form label span{font-size:10px;letter-spacing:.18em;color:#a9b4ba;text-transform:uppercase}.connect-form input{height:52px;border-radius:14px;border:1px solid rgba(210,244,255,.2);background:rgba(0,8,11,.6);color:#fff;padding:0 16px;font-size:16px;outline:none;box-shadow:inset 0 0 18px rgba(255,255,255,.025);transition:.25s ease}.connect-form input:focus{border-color:rgba(var(--phase-rgb),.62);box-shadow:0 0 0 3px rgba(var(--phase-rgb),.08),inset 0 0 18px rgba(255,255,255,.025)}.connect-form button{height:54px;border:0;border-radius:14px;background:linear-gradient(135deg,rgba(var(--phase-rgb),.95),rgba(var(--phase-rgb),.72));color:#021006;font-weight:750;letter-spacing:.08em;cursor:pointer;box-shadow:0 10px 30px rgba(var(--phase-rgb),.16);transition:.25s ease}.connect-form button:hover{filter:brightness(1.08)}.connect-form button:disabled{opacity:.5;cursor:not-allowed}.connect-error{padding:10px 12px;border-radius:11px;background:rgba(214,40,57,.12);border:1px solid rgba(214,40,57,.35);color:#ffb5bd;font-size:13px}.secure-note{margin-top:17px;color:#8e9aa1;font-size:11px}.secure-note span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--phase);box-shadow:0 0 8px rgba(var(--phase-rgb),.75);margin-right:7px}.connect-mode .brand{transform:scale(.8);transform-origin:center top;margin-bottom:-50px;transition:.75s ease}.connect-mode .connection-line{opacity:.76}.connect-mode .glass-panel{justify-content:flex-start}@keyframes spaceMove{0%{transform:scale(1.06) translate3d(-.4%,0,0)}to{transform:scale(1.12) translate3d(.5%,-.6%,0)}}@keyframes stars{to{transform:translate3d(8%,7%,0) rotate(3deg)}}@keyframes logoFloat{50%{transform:translateY(-3px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:900px){body{overflow:auto}.boot{min-height:100svh;padding:8px 8px 14px;align-items:start}.power-frame{width:calc(100vw - 16px);height:auto;min-height:calc(100svh - 22px);border-radius:25px;padding:10px;margin:0}.power-frame:before{border-radius:22px}.glass-panel{border-radius:18px;padding:20px 13px 14px;overflow:hidden}.pwa-mark{right:18px;top:14px;font-size:8px}.logo{width:80vw;height:175px}.connection-line{gap:9px;letter-spacing:.18em;margin-top:-14px}.connection-line span{width:28px}.copy h1{letter-spacing:.08em}.stages{gap:2px}.stage-icon{width:50px;height:50px}.stage-icon svg{width:22px;height:22px}.rail{top:25px}.stage h2{font-size:7px;letter-spacing:.03em}.stage p{font-size:6.5px}.footer{gap:7px;letter-spacing:.08em;margin-top:14px;flex-wrap:wrap}.goads-strip{display:flex}.goads-slot{width:58px;height:36px}.planet{bottom:-30%;height:54%}.connect-mode .brand{transform:scale(.74);margin-bottom:-42px}.connect-panel{width:96%}}@media(max-height:760px) and (min-width:901px){.power-frame{height:96dvh;min-height:620px}.glass-panel{padding-top:16px}.logo{height:165px}.copy{margin-top:10px}.progress-zone{width:150px;margin:10px auto}.stage-icon{width:58px;height:58px}.rail{top:29px}.footer{margin-top:10px}}