@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-rgb:10, 25, 47;--secondary-rgb:14, 165, 233;--accent-rgb:249, 115, 22;--success-rgb:16, 185, 129;--warning-rgb:245, 158, 11;--danger-rgb:239, 68, 68;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--dark-bg:#0a192f;--dark-surface:#112240;--font-headings:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000012, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glass:0 8px 32px 0 #1f268714;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:rgba(var(--secondary-rgb), .3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--secondary-rgb), .6)}.glass{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-glass);background:#ffffffbf;border:1px solid #ffffff80}.glass-dark{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-glass);background:#0a192fbf;border:1px solid #ffffff14}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.flex-center{justify-content:center;align-items:center;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.btn{font-family:var(--font-headings);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, rgb(var(--secondary-rgb)), #0284c7);color:#fff;box-shadow:0 4px 14px 0 rgba(var(--secondary-rgb), .4)}.btn-primary:hover{box-shadow:0 6px 20px 0 rgba(var(--secondary-rgb), .6);background:linear-gradient(135deg,#0284c7,#0369a1);transform:translateY(-2px)}.btn-secondary{background:rgba(var(--secondary-rgb), .1);color:rgb(var(--secondary-rgb));border:1.5px solid rgba(var(--secondary-rgb), .2)}.btn-secondary:hover{background:rgba(var(--secondary-rgb), .2);border-color:rgba(var(--secondary-rgb), .4);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg, rgb(var(--accent-rgb)), #ea580c);color:#fff;box-shadow:0 4px 14px 0 rgba(var(--accent-rgb), .4)}.btn-accent:hover{box-shadow:0 6px 20px 0 rgba(var(--accent-rgb), .6);background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px)}.btn-dark{color:#fff;background:#ffffff1a;border:1px solid #fff3}.btn-dark:hover{background:#fff3;transform:translateY(-2px)}.btn-outline{color:var(--text-main);border:2px solid var(--text-main);background:0 0}.btn-outline:hover{background:var(--text-main);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-fade-in{animation:.4s forwards fadeIn}@keyframes staggerReveal{0%{opacity:0;transform:translateY(32px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 16px}}
