@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--brand-purple-hsl:262, 80%, 55%;--brand-blue-hsl:210, 100%, 50%;--brand-coral-hsl:14, 100%, 57%;--brand-indigo-hsl:243, 75%, 59%;--brand-purple:hsl(var(--brand-purple-hsl));--brand-blue:hsl(var(--brand-blue-hsl));--brand-coral:hsl(var(--brand-coral-hsl));--brand-indigo:hsl(var(--brand-indigo-hsl));--grad-primary:linear-gradient(135deg, var(--brand-purple) 0%, var(--brand-blue) 100%);--grad-accent:linear-gradient(135deg, #872ce2 0%, var(--brand-coral) 100%);--grad-hero:linear-gradient(135deg, #f0f2ff 0%, #f0fcff 100%);--grad-stats:linear-gradient(90deg, #2f17cf 0%, #9717cf 35%, var(--brand-coral) 100%);--grad-cta:linear-gradient(135deg, #4426d9 0%, #cf1791 100%);--grad-text:linear-gradient(135deg, var(--brand-purple) 0%, var(--brand-coral) 100%);--background:#fff;--foreground:#0f172a;--card-bg:#fff;--card-border:#e2e8f0cc;--card-shadow:0 10px 30px -10px #0f172a0d, 0 1px 3px #0f172a05;--card-shadow-hover:0 20px 40px -15px #0f172a1f, 0 2px 8px #0f172a0a;--glass-bg:#ffffffb3;--glass-border:#fff9;--glass-shadow:0 8px 32px 0 #1f26870a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-heading:"Plus Jakarta Sans", var(--font-sans);--max-width:1280px;--header-height:80px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--transition-fast:.2s var(--ease-in-out);--transition-normal:.3s var(--ease-in-out);--transition-slow:.5s var(--ease-in-out)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25}h1{letter-spacing:-.03em;font-size:3rem}h2{letter-spacing:-.02em;font-size:2.25rem}h3{letter-spacing:-.01em;font-size:1.5rem}p{color:var(--text-secondary)}a{color:inherit;transition:var(--transition-fast);text-decoration:none}input,button,textarea{font-family:inherit;font-size:inherit;outline:none}button{cursor:pointer;transition:var(--transition-fast);background:0 0;border:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.section-padding{padding-top:6.5rem;padding-bottom:6.5rem}.glow-bg{filter:blur(100px);z-index:-1;opacity:.15;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute}.glow-purple{background-color:var(--brand-purple)}.glow-blue{background-color:var(--brand-blue)}.glow-coral{background-color:var(--brand-coral)}.badge{color:var(--brand-purple);font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;background-color:#5f27cd14;border:1px solid #5f27cd26;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.gradient-text{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.interactive-card{transition:transform .3s var(--ease-in-out), box-shadow .3s var(--ease-in-out), border-color .3s var(--ease-in-out)}.interactive-card:hover{box-shadow:var(--card-shadow-hover);border-color:#5f27cd40;transform:translateY(-6px)}@media (max-width:1024px){h1{font-size:2.5rem}h2{font-size:1.85rem}.section-padding{padding-top:4.5rem;padding-bottom:4.5rem}}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.6rem}.section-padding{padding-top:3.5rem;padding-bottom:3.5rem}}
