:root{--bg-color: #050505;--text-color: #ffffff;--accent-color: #8b5cf6;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow:hidden;height:100vh;display:flex;justify-content:center;align-items:center}#bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.6}#app{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:4rem 2rem;z-index:10;background:radial-gradient(circle at center,rgba(139,92,246,.03) 0%,transparent 70%)}.center-content{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.bottom-content{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:2rem;animation:slideUp 1s ease-out .5s backwards}.logo{height:120px;filter:drop-shadow(0 0 20px rgba(139,92,246,.3));transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}.logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(139,92,246,.5))}.slogan{font-weight:300;font-size:1.25rem;letter-spacing:1px;text-align:center}.slogan .line{display:block;margin-bottom:.25rem}.slogan .sub{font-size:.85rem;color:#888;font-family:var(--font-main);text-transform:lowercase;letter-spacing:2px;margin-top:.5rem;opacity:.7}footer{font-size:.75rem;color:#444;text-transform:uppercase;letter-spacing:2px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.logo{height:90px}.slogan{font-size:1rem}.slogan .sub{font-size:.7rem}}