html,body,#app{min-height:100%;margin:0}
.startup-screen{--boot-mint:#50ddc0;--boot-ice:#d8f7ee;position:relative;display:grid;place-items:center;isolation:isolate;min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(ellipse 55% 65% at 50% 42%,#10332f 0%,#0a1f24 42%,#061218 83%);color:var(--boot-ice);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
.startup-screen::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,transparent 40%,#77f7d106 50%,transparent 60%);animation:startup-shine 6s ease-in-out infinite}
.startup-grid{position:absolute;z-index:-1;inset:-25%;opacity:.36;background-image:linear-gradient(#6ae8cd0e 1px,transparent 1px),linear-gradient(90deg,#6ae8cd0e 1px,transparent 1px);background-size:66px 66px;mask-image:radial-gradient(ellipse 56% 56% at 50% 50%,#000 12%,transparent 78%);transform:perspective(900px) rotateX(52deg) scale(1.15);animation:startup-grid-drift 14s linear infinite}
.startup-ambient{position:absolute;z-index:-1;width:48vw;aspect-ratio:1;border-radius:50%;filter:blur(80px);pointer-events:none}
.startup-ambient-one{left:-25vw;top:-27vw;background:#20bfa314;animation:startup-breathe 8s ease-in-out infinite}
.startup-ambient-two{right:-26vw;bottom:-31vw;background:#29a9b112;animation:startup-breathe 9s ease-in-out infinite reverse}
.startup-content{position:relative;width:min(440px,calc(100vw - 48px));display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 0 40px}
.startup-orbit{position:relative;display:grid;place-items:center;width:194px;height:194px;margin-bottom:35px}
.startup-orbit-outer,.startup-orbit-inner{position:absolute;inset:0;border-radius:50%;border:1px solid #6beace26}
.startup-orbit-outer{border-top-color:#8ef5dc98;border-right-color:#4ed4b544;box-shadow:0 0 40px #2cd1ac12;animation:startup-spin 7s linear infinite}
.startup-orbit-inner{inset:20px;border-style:dashed;border-color:#84ecd032;animation:startup-spin 12s linear infinite reverse}
.startup-orbit-spark{position:absolute;inset:0;animation:startup-spin 3.5s linear infinite}
.startup-orbit-spark::after{content:"";position:absolute;left:calc(50% - 3px);top:-3px;width:6px;height:6px;border-radius:50%;background:#a7ffe1;box-shadow:0 0 10px 4px #55e5bc88,0 0 24px 8px #55e5bc40}
.startup-mark{position:relative;display:grid;place-items:center;width:112px;height:112px;border:1px solid #69e8c86a;border-radius:27px;background:linear-gradient(145deg,#175047b8,#0a292c 65%,#0a1d23);box-shadow:inset 0 1px #d5fff13b,inset 0 -1px #0008,0 22px 55px #0008,0 0 50px #25d5af25;transform:rotate(-8deg);animation:startup-float 5s ease-in-out infinite}
.startup-mark::after{content:"";position:absolute;inset:5px;border:1px solid #eafff109;border-radius:22px}
.startup-mark svg{width:66px;height:66px;color:#70efcb;filter:drop-shadow(0 0 13px #3ee7b456);transform:rotate(8deg)}
.startup-eyebrow{font-size:10px;letter-spacing:.42em;color:#67bba9;font-weight:650;margin-bottom:14px}
.startup-content h1{margin:0;font-size:clamp(36px,7vw,48px);line-height:1.22;letter-spacing:.07em;font-weight:750;text-shadow:0 6px 35px #79efd51c}
.startup-content h1 span{display:block;margin-top:8px;font-size:13px;letter-spacing:.3em;font-weight:500;color:#9dc6c1}
.startup-content p{margin:35px 0 15px;color:#b8d6d1;font-size:14px;letter-spacing:.08em}
.startup-progress{position:relative;overflow:hidden;width:min(276px,72vw);height:3px;border-radius:99px;background:#31504e}
.startup-progress span{position:absolute;left:-48%;top:0;width:48%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#6af0cc 42%,#d7fff1);box-shadow:0 0 14px #67f0c7;animation:startup-progress 1.75s cubic-bezier(.55,.05,.45,.95) infinite}
.startup-footer{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:23px;color:#72998f;font-size:10px;letter-spacing:.08em}
.startup-live-dot{width:5px;height:5px;border-radius:50%;background:#68e7bc;box-shadow:0 0 9px #70f4c6;animation:startup-dot 2s ease-in-out infinite}
.startup-footer-divider{width:1px;height:10px;margin:0 4px;background:#416c66}
.startup-corner{position:absolute;bottom:27px;color:#52766e;font-size:9px;letter-spacing:.22em}
.startup-corner-left{left:34px}.startup-corner-right{right:34px}
@keyframes startup-spin{to{transform:rotate(360deg)}}
@keyframes startup-float{50%{transform:translateY(-7px) rotate(-8deg)}}
@keyframes startup-grid-drift{to{background-position:0 66px,66px 0}}
@keyframes startup-progress{to{left:100%}}
@keyframes startup-dot{50%{opacity:.35}}
@keyframes startup-breathe{50%{opacity:.5;transform:scale(1.1)}}
@keyframes startup-shine{50%{opacity:.35;transform:translateX(8%)}}
@media(max-width:600px){.startup-orbit{width:162px;height:162px;margin-bottom:29px}.startup-orbit-inner{inset:17px}.startup-mark{width:94px;height:94px;border-radius:23px}.startup-mark svg{width:58px;height:58px}.startup-corner{bottom:20px;font-size:8px}.startup-corner-left{left:19px}.startup-corner-right{right:19px}}
@media(prefers-reduced-motion:reduce){.startup-screen::before,.startup-grid,.startup-ambient,.startup-orbit-outer,.startup-orbit-inner,.startup-orbit-spark,.startup-mark,.startup-progress span,.startup-live-dot{animation-duration:.01ms;animation-iteration-count:1}.startup-progress span{left:26%}}