*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #2563eb;--primary-light: #eff6ff;--primary-dark: #1d4ed8;--accent: #0ea5e9;--text: #111827;--text-muted: #6b7280;--border: #e5e7eb;--bg: #ffffff;--bg-alt: #f9fafb;--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.06)}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.container{max-width:1080px;margin:0 auto;padding:0 2rem}.section{padding:80px 0}.section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:.5rem}.section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:.75rem;line-height:1.25}.section-sub{font-size:1rem;color:var(--text-muted);max-width:560px;margin-bottom:2.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.4rem;border-radius:8px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-outline{background:#fff;color:var(--text);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--primary);padding-left:0}.btn-ghost:hover{gap:.7rem}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:all .2s}.card:hover{border-color:var(--primary);box-shadow:0 8px 30px #2563eb14;transform:translateY(-2px)}.tag{display:inline-block;background:var(--primary-light);color:var(--primary);font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:100px}.tag-muted{background:var(--bg-alt);color:var(--text-muted);border:1px solid var(--border)}.page-hero{background:var(--bg-alt);padding:60px 0 50px;border-bottom:1px solid var(--border)}.page-hero h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:.5rem}.page-hero p{color:var(--text-muted);font-size:1.05rem;max-width:540px}@media (max-width: 768px){.section{padding:60px 0}.container{padding:0 1.25rem}}