:root{--royal-blue:#0f1c3f;--accent-blue:#4169e1;--highlight:#6ca0dc;--text-main:#fff;--text-sub:#aabbd6}*{margin:0;padding:0;box-sizing:border-box}body,html{overscroll-behavior:auto;min-height:100svh;height:100%;width:100%;overflow:auto;font-family:'Montserrat',sans-serif;background-color:var(--royal-blue);color:var(--text-main)}#bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:radial-gradient(circle at center,#1a2d5c 0%,#080f24 100%)}.container{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.logo-container{width:120px;height:120px;margin-bottom:2rem;animation:float 6s ease-in-out infinite}.logo-svg{width:100%;height:100%;fill:none;stroke:var(--highlight);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(65,105,225,.6));animation:rotate-slow 20s linear infinite}h1{font-size:4rem;font-weight:200;letter-spacing:.5em;text-transform:uppercase;margin-bottom:1rem;margin-left:.5em;background:linear-gradient(to right,#fff,#8facff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;animation:fade-up 1.5s ease-out forwards .5s}.tagline{font-size:1rem;color:var(--text-sub);font-weight:400;letter-spacing:.2em;text-transform:uppercase;border-top:1px solid rgba(65,105,225,.3);padding-top:1.5rem;margin-top:.5rem;opacity:0;animation:fade-up 1.5s ease-out forwards 1s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}100%{transform:translateY(0)}}@keyframes rotate-slow{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){h1{font-size:2.5rem}.logo-container{width:90px;height:90px}.tagline{font-size:.8rem}}