.transition-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0b1120;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.transition-logo{opacity:0;transform:scale(.95);animation:logoFadeIn .8s ease-out forwards;margin-bottom:2rem}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.progress-container{width:240px;max-width:80%;height:4px;background-color:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden;position:relative}.progress-bar{height:100%;background-color:#3b82f6;width:0;transition:width .2s ease-out;border-radius:2px;box-shadow:0 0 10px rgba(59,130,246,.5)}.progress-text{margin-top:1rem;font-size:.875rem;color:hsla(0,0%,100%,.6);font-variant-numeric:tabular-nums;opacity:0;animation:textFadeIn .5s ease-out .3s forwards}@keyframes textFadeIn{0%{opacity:0}to{opacity:1}}.skip-button{position:absolute;bottom:2rem;padding:.5rem 1rem;background:transparent;border:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.6);border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s;opacity:0;animation:textFadeIn .5s ease-out 2s forwards}.skip-button:hover{background:hsla(0,0%,100%,.1);color:#fff;border-color:hsla(0,0%,100%,.4)}@media (prefers-reduced-motion:reduce){.progress-text,.skip-button,.transition-logo{animation:none;opacity:1;transform:none}.progress-bar{transition:none}}