*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #05070a;--bg-card: rgba(18, 22, 30, .6);--bg-card-hover: rgba(28, 34, 46, .8);--border: rgba(255, 255, 255, .06);--border-card: rgba(255, 255, 255, .08);--accent: #f59e0b;--accent-dark: #d97706;--accent-light: #fbbf24;--accent-glow: rgba(245, 158, 11, .25);--purple: #8b5cf6;--purple-dark: #6d28d9;--purple-mist: rgba(139, 92, 246, .12);--blue-deep: #1e3a5f;--blue-accent: #3b82f6;--blue-mist: rgba(59, 130, 246, .08);--teal: #14b8a6;--text: #f0f0f0;--text-muted: #94a3b8;--text-dim: #475569;--green: #22c55e;--red: #ef4444;--gradient-hero: linear-gradient(135deg, #0f172a 0%, #1a1040 30%, #0f172a 60%, #05070a 100%);--gradient-accent: linear-gradient(135deg, #f59e0b, #f97316);--gradient-purple: linear-gradient(135deg, #8b5cf6, #6d28d9);--gradient-cta: linear-gradient(135deg, #f59e0b, #d97706);--gradient-card-border: linear-gradient(135deg, rgba(245, 158, 11, .3), rgba(139, 92, 246, .2), rgba(59, 130, 246, .15));--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);background-image:radial-gradient(ellipse at 20% 50%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(245,158,11,.02) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(59,130,246,.02) 0%,transparent 50%);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-light)}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}::selection{background:#f59e0b4d;color:#fff}.container{max-width:1120px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 2rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .25s ease;border:none;font-family:var(--font-sans)}.btn-primary{background:var(--gradient-cta);color:#000;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f59e0b59}.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border-card);backdrop-filter:blur(8px)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#f59e0b0f}.btn-ghost{background:#ffffff0a;color:var(--text-muted);border:1px solid transparent}.btn-ghost:hover{background:#ffffff14;color:var(--text)}section{padding:6rem 0;position:relative}@media (max-width: 768px){section{padding:4rem 0}}.section-header{margin-bottom:4rem}.section-number{display:inline-flex;align-items:center;gap:.75rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1rem;font-family:var(--font-mono)}.section-number:after{content:"";display:block;width:40px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.section-number .num{color:var(--accent);font-weight:800}.section-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:1rem}.section-title .gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title .gradient-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{color:var(--text-muted);font-size:1.1rem;max-width:560px;line-height:1.7}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.15),rgba(139,92,246,.1),transparent);border:none;margin:0}.glass-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:2rem;backdrop-filter:blur(12px);transition:all .3s ease}.glass-card:hover{border-color:#f59e0b33;background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0003}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:100px;font-size:.78rem;font-weight:600}.badge-accent{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--accent)}.badge-purple{background:var(--purple-mist);border:1px solid rgba(139,92,246,.2);color:var(--purple)}.badge-blue{background:var(--blue-mist);border:1px solid rgba(59,130,246,.2);color:var(--blue-accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s ease-out forwards}.animate-in-delay-1{animation-delay:.1s}.animate-in-delay-2{animation-delay:.2s}.animate-in-delay-3{animation-delay:.3s}.animate-in-delay-4{animation-delay:.4s}
