:root{--bg-color:#fff;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--text-primary:#020617;--text-secondary:#334155;--accent-primary:#2563eb;--accent-secondary:#7c3aed;--accent-success:#059669;--glass-bg:#ffffffe6;--glass-border:#e2e8f0;--font-main:"Inter",system-ui,-apple-system,sans-serif;--card-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--card-shadow-hover:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--nav-height:80px;--border-radius-lg:24px;--border-radius-md:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}.content-card{border-radius:var(--border-radius-lg);background:#fff;border:1px solid #e2e8f0;padding:48px;box-shadow:0 1px 2px #0000000d}.interactive-card{border-radius:var(--border-radius-lg);background:#fff;border:1px solid #e2e8f0;padding:40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-card:hover{border-color:var(--accent-primary);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}h1,h2,h3{letter-spacing:-.025em;color:var(--text-primary);font-weight:800}.gradient-text{background:linear-gradient(135deg,var(--accent-primary)0%,var(--accent-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge-pill{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.divider-line{background:#e2e8f0;width:100%;height:1px;margin:40px 0}.fixed-header{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:var(--nav-height);background:#ffffffd9;border-bottom:1px solid #e2e8f0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}