.app-container{min-height:100vh;position:relative;background-color:transparent;color:#fff}.canvas-container{position:fixed!important;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.ui-container{position:relative;z-index:10;width:100%}.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 10%;max-width:1440px;margin:0 auto}.hero-section{justify-content:center;align-items:flex-start}.hero-title{font-size:clamp(3rem,8vw,6rem);line-height:1.1;margin-bottom:24px;max-width:800px}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);color:#9ca3af;max-width:600px;margin-bottom:40px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:64px;width:100%}.feature-card{padding:40px;border-radius:24px;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #60a5fa26}.feature-icon{margin-bottom:24px;color:#60a5fa}.feature-title{font-size:1.5rem;margin-bottom:16px;color:#e5e7eb}.feature-desc{font-size:1rem;color:#9ca3af;line-height:1.6}.cta-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:16px 32px;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2563eb66}.cta-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #2563eb99}nav{position:fixed;top:0;left:0;width:100%;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-1px}.nav-links{display:flex;gap:32px}.nav-link{color:#d1d5db;font-weight:500;cursor:pointer}.nav-link:hover{color:#fff}@media(max-width:768px){.section{padding:0 5%}.feature-grid{grid-template-columns:1fr;gap:24px;margin-top:48px}.feature-card{padding:24px}nav{flex-direction:column;padding:16px;gap:16px}.nav-links{gap:16px;flex-wrap:wrap;justify-content:center}.hero-title{margin-bottom:16px}.hero-subtitle{margin-bottom:32px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:block;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 50%,#0c1220,#000);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;width:200vw;height:200vh;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 30px 40px,#ffffff,transparent),radial-gradient(1.5px 1.5px at 80px 120px,#ffffff,transparent),radial-gradient(1px 1px at 150px 70px,#60a5fa,transparent),radial-gradient(2px 2px at 200px 220px,#ffffff,transparent),radial-gradient(1px 1px at 280px 90px,#ffffff,transparent),radial-gradient(1.5px 1.5px at 340px 300px,#60a5fa,transparent),radial-gradient(2px 2px at 420px 150px,#ffffff,transparent),radial-gradient(1px 1px at 50px 280px,#ffffff,transparent),radial-gradient(1.5px 1.5px at 120px 380px,#ffffff,transparent),radial-gradient(1px 1px at 450px 410px,#60a5fa,transparent),radial-gradient(2px 2px at 250px 480px,#ffffff,transparent);background-repeat:repeat;background-size:500px 500px;animation:stardrift 120s linear infinite;opacity:.5}@keyframes stardrift{0%{transform:translateY(0) translate(0)}to{transform:translateY(-500px) translate(-200px)}}#root{width:100%;height:100%}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em}p{color:#9ca3af;line-height:1.8}a{color:#60a5fa;text-decoration:inherit;transition:color .3s ease}a:hover{color:#93c5fd}.glass-panel{background:#14141466;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:16px;box-shadow:0 4px 30px #00000080}.text-gradient{background:linear-gradient(135deg,#fff,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}