@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";html,body,#root{-moz-osx-font-smoothing:grayscale;font-family:Quicksand,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{padding:clamp(16px,5vw,32px);padding-bottom:max(24px, env(safe-area-inset-bottom));padding-top:max(24px, env(safe-area-inset-top));transition:opacity .6s ease-out}.container.loaded{opacity:1}.content{flex-direction:row;flex:1;justify-content:center;align-items:center;gap:clamp(32px,6vw,64px);width:100%;display:flex}.logo-stage{aspect-ratio:480/460;flex-shrink:0;width:min(320px,40vw);position:relative}.logo-canvas{filter:drop-shadow(0 0 18px #5096ffcc)drop-shadow(0 0 40px #3264ff80)drop-shadow(0 0 80px #1e3cc859);border-radius:2px;animation:3s ease-in-out infinite logo-glow-pulse;position:absolute;inset:0;width:100%!important;height:100%!important}.logo-glow{pointer-events:none;z-index:-1;background:radial-gradient(#3c78ff80 0%,#2850c840 25%,#1432a01a 50%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite glow-pulse;position:absolute;inset:-80px}@keyframes logo-glow-pulse{0%,to{filter:drop-shadow(0 0 18px #5096ffcc)drop-shadow(0 0 40px #3264ff80)drop-shadow(0 0 80px #1e3cc859)}50%{filter:drop-shadow(0 0 28px #5096ff)drop-shadow(0 0 60px #3264ffb3)drop-shadow(0 0 110px #1e3cc880)}}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.title{letter-spacing:-.03em;color:#fff;opacity:0;font-size:clamp(28px,6vw,56px);font-weight:700}.subtitle{letter-spacing:.3em;text-transform:uppercase;color:#ffffff73;opacity:0;font-size:clamp(16px,3vw,24px);font-weight:400}.text-group{flex-direction:column;align-items:flex-start;gap:8px;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.footer{color:#ffffff4d;letter-spacing:.02em;text-align:center;opacity:0;padding:32px 0 0;font-size:13px}.footer a{color:#ffffff73;text-decoration:none;transition:color .2s}.footer a:hover{color:#ffffffbf}.container.loaded .title{opacity:.9;animation:1s ease-out .3s both fade-up}.container.loaded .subtitle{animation:1s ease-out .6s both fade-up}.container.loaded .footer{animation:1s ease-out .9s both fade-up}@media (width<=560px){.content{flex-direction:column;gap:24px}.logo-stage{width:min(480px,72vw)}.text-group{text-align:center;align-items:center}.title{font-size:clamp(28px,6vw,56px)}.subtitle{letter-spacing:.3em;font-size:clamp(16px,3vw,24px)}}