@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--primary:#0f172a;--primary-light:#1e293b;--primary-muted:#334155;--sapphire:#1d4ed8;--med-blue:#0284c7;--med-blue-hover:#0369a1;--med-blue-light:#e0f2fe;--med-blue-glow:#0284c733;--cyan:#06b6d4;--cyan-hover:#0891b2;--cyan-light:#ecfeff;--cyan-glow:#06b6d433;--emerald:#059669;--emerald-hover:#047857;--emerald-light:#ecfdf5;--emerald-glow:#10b98133;--violet:#6366f1;--violet-hover:#4f46e5;--violet-light:#eef2ff;--violet-glow:#6366f133;--amber:#d97706;--amber-light:#fffbeb;--amber-glow:#f59e0b40;--rose:#e11d48;--rose-light:#fff1f2;--white:#fff;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-surface:#f1f5f9;--bg-card:#ffffffd1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#f8fafc;--gradient-primary:linear-gradient(135deg, #0284c7 0%, #06b6d4 50%, #10b981 100%);--gradient-sapphire:linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #06b6d4 100%);--gradient-violet:linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #06b6d4 100%);--gradient-emerald:linear-gradient(135deg, #059669 0%, #10b981 50%, #06b6d4 100%);--gradient-amber:linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #fbbf24 100%);--gradient-rainbow-soft:linear-gradient(135deg, #f0f9ff 0%, #ecfdf5 35%, #fffbeb 70%, #fdf4ff 100%);--gradient-glass:linear-gradient(135deg, #fffffff2 0%, #ffffffbf 100%);--gradient-glass-card:linear-gradient(145deg, #ffffffeb 0%, #f0f9ffcc 100%);--border-glass:#fffc;--border-glass-blue:#0284c726;--border-glass-emerald:#10b9812e;--border-muted:#e2e8f0;--shadow-sm:0 2px 4px #0f172a08, 0 1px 2px #0f172a05;--shadow-md:0 6px 16px -2px #0f172a0d, 0 2px 6px -1px #0f172a08;--shadow-lg:0 16px 32px -6px #0284c71a, 0 8px 16px -4px #0f172a0a;--shadow-xl:0 24px 48px -12px #0f172a1f, 0 12px 24px -8px #0284c70f;--shadow-multicolor:0 12px 36px -4px #0284c71f, 0 4px 16px -2px #10b98114;--shadow-glow:0 0 35px #06b6d44d;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:32px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif}body{background-color:#f8fafc;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:700;line-height:1.22}p{color:var(--text-secondary)}a{color:inherit;transition:var(--transition-fast);text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:linear-gradient(#38bdf8 0%,#34d399 100%)}::-webkit-scrollbar-thumb:hover{background:var(--sapphire)}.container{width:100%;max-width:1480px;margin:0 auto;padding:0 24px}.nav-container{width:100%;max-width:1600px;margin:0 auto;padding:0 24px}.glass-panel{background:var(--gradient-glass-card);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-multicolor);border-radius:var(--radius-lg);transition:all var(--transition-normal);border:1px solid #ffffffe6;position:relative}.glass-panel:hover{border-color:#0284c740;box-shadow:0 20px 40px -10px #0284c729}.glass-panel-blue{-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-glass-blue);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);background:#ffffffe6}.glass-navbar{-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #0284c71a;box-shadow:0 4px 20px #0f172a08}.floating-blob{filter:blur(90px);z-index:0;pointer-events:none;opacity:.55;border-radius:50%;animation:22s ease-in-out infinite alternate float-around;position:absolute}.blob-cyan{background:radial-gradient(circle,#06b6d4 0%,#38bdf8 100%);width:380px;height:380px;top:10%;right:5%}.blob-blue{background:radial-gradient(circle,#2563eb 0%,#6366f1 100%);width:440px;height:440px;animation-duration:28s;bottom:15%;left:2%}.blob-emerald{opacity:.35;background:radial-gradient(circle,#10b981 0%,#34d399 100%);width:320px;height:320px;animation-duration:20s;top:45%;left:30%}.blob-amber{opacity:.3;background:radial-gradient(circle,#f59e0b 0%,#fbbf24 100%);width:280px;height:280px;bottom:5%;right:15%}@keyframes float-around{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(40px,30px)scale(1.08)rotate(90deg)}to{transform:translate(-30px,45px)scale(1.15)rotate(180deg)}}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-gradient-sapphire{background:var(--gradient-sapphire);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.text-gradient-violet{background:var(--gradient-violet);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);letter-spacing:.2px;border:none;justify-content:center;align-items:center;gap:10px;padding:13px 26px;font-family:Outfit,sans-serif;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:var(--white);background:linear-gradient(135deg,#0284c7 0%,#06b6d4 50%,#10b981 100%) 0 0/200%;box-shadow:0 6px 20px #0284c759}.btn-primary:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 10px 25px #0284c773}.btn-secondary{background:var(--white);color:var(--sapphire);border:1.5px solid #0284c740;box-shadow:0 2px 8px #0284c70f}.btn-secondary:hover{border-color:var(--sapphire);background:#f0f9ff;transform:translateY(-2px);box-shadow:0 6px 16px #0284c726}.btn-emerald{color:#fff;background:linear-gradient(135deg,#059669 0%,#10b981 100%);box-shadow:0 6px 20px #10b98159}.btn-emerald:hover{transform:translateY(-2px);box-shadow:0 10px 25px #10b98173}.btn-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);box-shadow:var(--shadow-sm);background:#fff9;border:1px solid #fffc}.btn-glass:hover{box-shadow:var(--shadow-md);background:#ffffffe6;transform:translateY(-2px)}.section-header{text-align:center;max-width:720px;margin:0 auto 56px}.section-tag{letter-spacing:1.2px;text-transform:uppercase;color:var(--sapphire);border-radius:var(--radius-full);background:linear-gradient(135deg,#e0f2fe 0%,#ecfdf5 100%);border:1px solid #0284c726;align-items:center;gap:8px;margin-bottom:18px;padding:8px 18px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 2px 10px #0284c714}.section-title{color:var(--primary);margin-bottom:18px;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.section-desc{color:var(--text-secondary);font-size:1.12rem;line-height:1.7}.card-hover-multicolor{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-color .3s}.card-hover-multicolor:hover{transform:translateY(-5px);border-color:#0284c759!important;box-shadow:0 20px 40px -10px #0284c726,0 8px 16px -4px #10b9811a!important}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.modal-content{flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;position:relative;overflow:hidden}.spin-animation{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=991px){.container{padding:0 18px}.section-header{margin-bottom:40px}}@media (width<=768px){.btn{padding:11px 20px;font-size:.88rem}.section-title{font-size:1.85rem}.section-desc{font-size:1rem}}
