@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--primary-cyan:#00c4e6;--primary-purple:#7c3aed;--primary-gradient:linear-gradient(135deg,var(--primary-cyan)0%,var(--primary-purple)100%);--primary-gradient-hover:linear-gradient(135deg,#00d4f6 0%,#8b5cf6 100%);--bg-dark:#fff;--bg-darker:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-glass:#ffffffe6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-dark:#fff;--border-subtle:#0000000f;--border-default:#0000001a;--border-glow:#00c4e64d;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-glow:0 4px 20px #00c4e640;--shadow-glow-purple:0 4px 20px #7c3aed40;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--container-max:1280px;--container-padding:1.5rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-dropdown:100;--z-header:200;--z-modal:300}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}img{max-width:100%;height:auto}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:var(--space-4xl)0}.section-title{margin-bottom:var(--space-md);text-align:center;font-size:clamp(2rem,5vw,3rem)}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto var(--space-3xl);font-size:1.125rem}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);transition:all var(--transition-base);padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:var(--text-dark);box-shadow:var(--shadow-glow)}.btn-primary:hover{background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:0 0 50px #00d9ff40}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-default);background:0 0}.btn-secondary:hover{border-color:var(--primary-cyan);background:#00d9ff0d}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-base)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}.animate-fade-in-up{animation:.6s ease-out forwards fade-in-up}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--bg-surface-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary-cyan);color:var(--text-dark)}.grid-cols-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-cols-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.section{padding:var(--space-3xl)0}}