:root{--primary:#10b981;--primary-light:#34d399;--primary-dark:#059669;--accent:#f59e0b;--accent-light:#fbbf24;--background:#fff;--surface:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--card-shadow:0 10px 25px -5px #0000000d, 0 8px 10px -6px #0000000d;--card-shadow-hover:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius:24px;--max-width:1200px;--font-sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-main);background:var(--background);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-main);font-weight:800;line-height:1.1}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.glass-card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--card-shadow);background:#fff;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;overflow:hidden}.glass-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-8px)}.gradient-bg{background:radial-gradient(circle at 0 0,#f0fdf4,#fff)}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #10b98133}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 15px -3px #10b9814d}.badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-dark);background:#ecfdf5;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.markdown-content{color:#334155;font-size:1.125rem}.markdown-content h2{margin:3rem 0 1.5rem;font-size:2rem}.markdown-content h3{margin:2rem 0 1rem;font-size:1.5rem}.markdown-content p{margin-bottom:1.5rem}.markdown-content ul,.markdown-content ol{margin-bottom:2rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.75rem}.markdown-content blockquote{border-left:4px solid var(--primary);background:var(--surface);color:var(--text-muted);border-radius:0 12px 12px 0;margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.markdown-content img{border-radius:16px;max-width:100%;height:auto;margin:2rem 0}.hero-img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);width:100%}