:root{--primary:#00d1ff;--primary-dark:#08a;--background:#0a0a0a;--surface:#111;--on-surface:#fff;--text-dim:#888;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;-webkit-font-smoothing:antialiased;background-color:#fff;font-family:Outfit,Inter,sans-serif;line-height:1.6;overflow-x:hidden}@media (width<=768px){.container{padding:0 20px}}h1,h2,h3,h4,.logo-font{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:800}.container{max-width:1200px;margin:0 auto;padding:0 40px}.card{background:var(--surface);border-radius:var(--radius);transition:transform .3s,box-shadow .3s;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00d1ff1a}.btn-primary{background-color:var(--primary);color:#000;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:10px;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:scale(1.02)}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0acc}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}@media (width<=768px){.responsive-grid{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.mobile-text-center{text-align:center}}.responsive-title{font-size:clamp(2.5rem,8vw,5rem);line-height:1}.responsive-p{font-size:clamp(1rem,2vw,1.25rem)}