@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:#faf9f6;--color-bg-secondary:#f3f0e8;--color-bg-tertiary:#eae5da;--color-surface-primary:#00000004;--color-surface-secondary:#00000008;--color-surface-elevated:#fff;--color-surface-border:#00000014;--color-primary-400:#475569;--color-primary-500:#334155;--color-primary-600:#1e293b;--color-primary-700:#0f172a;--color-accent-400:#7dd3fc;--color-accent-500:#0284c7;--color-accent-600:#0369a1;--color-text-primary:#1e293b;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-accent:#0284c7;--color-success:#10b981;--color-warning:#fbbf24;--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 #0f172a0a;--shadow-md:0 6px 16px #0f172a0a, 0 1px 3px #00000005;--shadow-lg:0 12px 32px #0f172a0f, 0 1px 4px #00000005;--shadow-glow:0 0 45px #0284c70f;--shadow-glow-accent:0 0 45px #3341550d;--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-600), var(--color-accent-500));--gradient-surface:linear-gradient(135deg, #33415505, #0284c703);--gradient-cta:linear-gradient(135deg, var(--color-primary-600), var(--color-accent-600))}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--color-text-primary);background:linear-gradient(180deg, #ecf9ff 0%, var(--color-bg-primary) 1400px, 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}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)}}