*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}.app{position:relative;width:100%;height:100vh;overflow:hidden}.background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:radial-gradient(ellipse at center,#0a0a12,#000)}.content-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 1.5s ease;z-index:10}.content-container.visible{opacity:1}.centered-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;padding:2rem;text-align:center}.logo-container{margin-bottom:3rem;width:100%;display:flex;justify-content:center;animation:float 6s ease-in-out infinite}.logo{max-width:380px;width:100%;height:auto;filter:drop-shadow(0 0 25px rgba(58,134,255,.6))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.text-container{min-height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:3rem;width:100%}.typing-text{font-size:clamp(1.75rem,4vw,3rem);font-weight:500;color:#fff;line-height:1.4;text-shadow:0 0 15px rgba(58,134,255,.7)}.cursor{display:inline-block;width:4px;height:1.4em;background:#3a86ff;margin-left:8px;animation:blink 1s infinite;box-shadow:0 0 15px #3a86ff}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cta-container{margin:2rem 0 3rem}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.25rem;background:linear-gradient(135deg,#3a86ff,#2667cc);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 25px #3a86ff80}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #3a86ffb3}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translate(4px)}.social-container{display:flex;justify-content:center;gap:1.5rem;width:100%}.social-container a{color:#ffffffb3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.social-container a:hover{color:#fff;border-color:#3a86ff;background:#3a86ff26;transform:translateY(-3px);box-shadow:0 5px 15px #3a86ff4d}@media (max-width: 768px){.logo{max-width:280px}.text-container{min-height:100px;margin-bottom:2rem}.typing-text{font-size:clamp(1.5rem,5vw,2.2rem)}.social-container{gap:1rem}.social-container a{width:40px;height:40px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}