:root{--color-primary: #6366F1;--color-primary-hover: #4F46E5;--color-primary-light: #EEF2FF;--color-accent: #06B6D4;--color-accent-hover: #0891B2;--color-accent-light: #ECFEFF;--color-bg: #FFFFFF;--color-bg-alt: #F8FAFC;--color-bg-dark: #0F172A;--color-bg-gradient: linear-gradient(135deg, #EEF2FF 0%, #FFFFFF 50%, #ECFEFF 100%);--color-text: #1E293B;--color-text-muted: #64748B;--color-text-light: #F1F5F9;--color-highlight: #F59E0B;--color-success: #10B981;--shadow-sm: 0 1px 3px rgba(99, 102, 241, .1);--shadow-md: 0 4px 6px rgba(99, 102, 241, .15);--shadow-lg: 0 10px 25px rgba(99, 102, 241, .2);--shadow-xl: 0 20px 40px rgba(99, 102, 241, .25);--shadow-glow: 0 0 40px rgba(99, 102, 241, .3);--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:16px;line-height:1.7;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1{font-size:3rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}h2{font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}h3{font-size:1.5rem;font-weight:600;line-height:1.3}h4{font-size:1.25rem;font-weight:600;line-height:1.4}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:1rem;font-weight:600;border-radius:var(--radius-xl);border:none;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.025em}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-md)}.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.btn-dark{background:var(--color-bg-dark);color:#fff}.btn-dark:hover{background:#1e293b}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary-light)}.card{background:var(--color-bg);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid transparent;transition:all var(--transition-normal)}.card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.gradient-text{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section{padding:var(--space-24) 0}.section-alt{background:var(--color-bg-alt)}.section-dark{background:var(--color-bg-dark);color:var(--color-text-light)}.section-gradient{background:var(--color-bg-gradient)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-16)}.section-header h2{margin-bottom:var(--space-4)}.section-header p{color:var(--color-text-muted);font-size:1.125rem}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.badge-accent{background:var(--color-accent-light);color:var(--color-accent)}.input{width:100%;padding:var(--space-4) var(--space-6);font-size:1rem;border:2px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){h1{font-size:2.25rem}h2{font-size:1.75rem}.section{padding:var(--space-16) 0}.grid-4,.grid-3{grid-template-columns:1fr}.container{padding:0 var(--space-4)}}.fade-in{animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}