@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#0ea5e9;--bg-dark:#0f172a;--bg-darker:#020617;--bg-card:#1e293b;--text-light:#f8fafc;--text-muted:#94a3b8;--accent:#8b5cf6;--font-main:"Outfit", sans-serif;--transition:all .3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-light);max-width:100vw;line-height:1.6;overflow-x:hidden}#root{max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg, var(--secondary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:5rem 0}.section-title{text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 3rem;font-size:1.1rem}.btn{transition:var(--transition);cursor:pointer;border:none;border-radius:9999px;outline:none;padding:.75rem 1.5rem;font-weight:600;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 15px #2563eb66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb99}.btn-outline{border:2px solid var(--primary);color:var(--text-light);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.glass{-webkit-backdrop-filter:blur(10px);background:#1e293bb3;border:1px solid #ffffff1a}.grid{gap:2rem;display:grid}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-cols-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (width<=768px){.section{padding:3rem 0}.section-title{font-size:2rem}.container{padding:0 1.5rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.btn{text-align:center;width:100%;margin-bottom:.5rem}.mobile-hide{display:none!important}.mobile-menu-btn{display:block!important}}@media (width>=769px){.mobile-menu-btn{display:none!important}.desktop-nav{display:flex!important}}