:root { --cyan: 64 211 255; --magenta: 244 63 94; } body{font-family:Inter,system-ui,sans-serif} .font-chakra{font-family:'Chakra Petch',sans-serif} .nav-link{color:#CBD5E1} .nav-link.active{color:rgb(103 232 249)} .btn-primary{background:linear-gradient(90deg, rgb(var(--cyan)) , rgb(var(--magenta))); color:white; padding:.7rem 1rem; border-radius:1rem; font-weight:700;} .btn-outline{padding:.7rem 1rem; border-radius:1rem; border:1px solid rgba(255,255,255,.2); font-weight:700;} .input{width:100%; background: rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius: .9rem; padding:.75rem 1rem;} .section-title{font-family:'Chakra Petch',sans-serif;font-weight:800;} .feature{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.08); border-radius:1.2rem; padding:1rem;} .video-embed{width:100%; aspect-ratio:16/9; border-radius:1rem; border:1px solid rgba(255,255,255,.08);}