@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";
:root{--color-bg-primary:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-surface-primary:#0f172a04;--color-surface-secondary:#0f172a08;--color-surface-elevated:#fff;--color-surface-border:#e2e8f0;--color-primary-400:#a855f7;--color-primary-500:#7e22ce;--color-primary-600:#6b21a8;--color-primary-700:#581c87;--color-accent-400:#06b6d4;--color-accent-500:#0891b2;--color-accent-600:#0369a1;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-tertiary:#64748b;--color-text-accent:#0284c7;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--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;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a14;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a14;--shadow-glow:0 10px 30px #7e22ce08;--shadow-glow-accent:0 10px 30px #0891b208;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--font-sans:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--gradient-primary:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-accent-500) 100%);--gradient-surface:linear-gradient(135deg, #fff 0%, #f8fafc 100%);--gradient-cta:linear-gradient(135deg, var(--color-primary-500), var(--color-accent-600))}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-height:100%;overflow-x:hidden}body{max-width:100vw;min-height:100%;color:var(--color-text-primary);background:linear-gradient(180deg, #fff 0%, var(--color-bg-primary) 1200px, var(--color-bg-primary) 100%);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;line-height:1.6;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.glass-card{background:var(--color-surface-elevated);border:1px solid var(--color-surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--gradient-cta);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a26}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-surface-border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--color-primary-400);background:#fff;transform:translateY(-1px)}.btn-ghost{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{color:var(--color-text-primary)}.fade-in{animation:.6s forwards fadeIn}.slide-up{animation:.6s forwards slideUp}.blur-in{animation:1.2s cubic-bezier(.16,1,.3,1) forwards blurIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes blurIn{0%{filter:blur(12px);opacity:0;transform:translateY(15px)}to{filter:blur();opacity:1;transform:translateY(0)}}