*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#030712;--color-bg-2:#050d1a;--color-bg-glass:#05143299;--color-primary:#0ea5e9;--color-primary-glow:#0ea5e966;--color-accent:#00f5ff;--color-accent-glow:#00f5ff4d;--color-white:#f0f9ff;--color-muted:#94a3b8;--color-border:#0ea5e933;--color-card:#05143280;--font-heading:"Sora", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-glow:0 0 30px #0ea5e940;--shadow-card:0 4px 32px #0006}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%}button{cursor:pointer;font-family:var(--font-body)}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-sm{padding:64px 0}.section-tag{color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;background:#0ea5e91a;border:1px solid #0ea5e94d;border-radius:100px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-flex}.section-title{color:var(--color-white);margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-title span{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{color:var(--color-muted);max-width:600px;font-size:1.05rem;line-height:1.7}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #0284c7);color:#fff;box-shadow:0 0 20px var(--color-primary-glow);white-space:nowrap;border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{box-shadow:0 0 40px var(--color-primary-glow);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);white-space:nowrap;background:0 0;border-radius:100px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.btn-outline:hover{box-shadow:0 0 20px var(--color-primary-glow);background:#0ea5e91a;transform:translateY(-2px)}.glass-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);transition:all .3s}.glass-card:hover{box-shadow:var(--shadow-glow);border-color:#0ea5e966;transform:translateY(-4px)}.grid-2{grid-template-columns:1fr 1fr;gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.section{padding:64px 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-title{font-size:1.8rem}}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}