:root{font-family:Inter,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}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background:#000}#root{width:100%;height:100%}.overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;z-index:10;color:#fff;font-family:Inter,sans-serif}.navbar{pointer-events:auto;display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo{font-size:1.5rem;font-weight:800;color:#40e0d0}.links{display:flex;gap:2rem}.links button{background:none;border:none;color:#ffffffb3;font-size:1rem;cursor:pointer;transition:color .3s;padding:0}.links button:hover,.links button.active{color:#40e0d0;text-decoration:underline;text-underline-offset:5px}.content{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;text-align:center}.hero h1{font-size:8rem;margin:0;line-height:1;background:linear-gradient(to right,#40e0d0,#ff4500);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(64,224,208,.3))}.slogan{font-size:2rem;margin:1rem 0;color:#ddd}.section{background:#0009;padding:3rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(64,224,208,.3);pointer-events:auto;max-width:800px;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section h2{font-size:3rem;color:#40e0d0;margin-bottom:2rem}.section p{font-size:1.2rem;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;text-align:left}.card{background:#ffffff0d;padding:1.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:transform .3s}.card:hover{transform:translateY(-5px);border-color:#40e0d0}.card h3{color:#20b2aa;margin-top:0}.cta{background:linear-gradient(45deg,#40e0d0,#20b2aa);color:#000;padding:1rem 2rem;border:none;border-radius:5px;font-weight:700;font-size:1.1rem;margin-top:2rem;cursor:pointer;transition:transform .2s}.cta:hover{transform:scale(1.05)}