:root{--primary: #2563EB;--primary-hover: #1D4ED8;--primary-fg: #FFFFFF;--bg-body: #F3F4F6;--bg-surface: #FFFFFF;--text-main: #111827;--text-muted: #6B7280;--text-light: #9CA3AF;--border: #E5E7EB;--border-hover: #D1D5DB;--radius-card: 16px;--radius-btn: 12px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--container-width: 1100px}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--bg-body);color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none;transition:.2s ease}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px;width:100%}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.2}h1{font-size:clamp(32px,5vw,42px);margin-bottom:16px;color:var(--text-main)}h2{font-size:24px;margin-bottom:12px;color:var(--text-main)}h3{font-size:18px;margin-bottom:8px;color:var(--text-main)}p{margin:0 0 16px;color:var(--text-muted);font-size:16px}.lead{font-size:18px;line-height:1.6;color:var(--text-muted)}.header-wrap{background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.header{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--text-main)}.nav{display:flex;align-items:center;gap:24px}.nav a:not(.btn){font-size:14px;font-weight:500;color:var(--text-muted)}.nav a:not(.btn):hover{color:var(--primary)}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:60}.hamburger{display:block;width:24px;height:2px;background:var(--text-main);position:relative;transition:all .3s}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--text-main);transition:.3s}.hamburger:before{top:-6px}.hamburger:after{top:6px}.mobile-toggle[aria-expanded=true] .hamburger{background:transparent}.mobile-toggle[aria-expanded=true] .hamburger:before{top:0;transform:rotate(45deg)}.mobile-toggle[aria-expanded=true] .hamburger:after{top:0;transform:rotate(-45deg)}.mobile-menu{position:fixed;top:64px;left:0;width:100%;height:calc(100vh - 64px);background:var(--bg-surface);z-index:40;padding:24px;border-top:1px solid var(--border);transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.mobile-menu.open{transform:translate(0)}.mobile-nav-link{font-size:18px;font-weight:500;padding:16px 0;border-bottom:1px solid var(--bg-body);color:var(--text-main);display:block}@media(max-width:768px){.desktop-only{display:none}.mobile-toggle{display:block}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-btn);font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;border:1px solid transparent;line-height:1;text-decoration:none}.btn--primary{background-color:var(--primary);color:var(--primary-fg);box-shadow:0 1px 2px #0000001a}.btn--primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn--secondary{background-color:var(--bg-surface);border-color:var(--border);color:var(--text-main)}.btn--secondary:hover{border-color:var(--text-muted);background-color:#f9fafb}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover{color:var(--text-main);background-color:#0000000d}.btn--sm{padding:8px 16px;font-size:13px;border-radius:8px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:24px;transition:transform .2s,box-shadow .2s;display:block}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__title{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:8px}.card__text{font-size:14px;color:var(--text-muted)}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pill{font-size:12px;font-weight:500;padding:4px 10px;background:#eff6ff;color:var(--primary);border-radius:99px;display:inline-flex;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:24px}.footer{margin-top:60px;padding:40px 0;border-top:1px solid var(--border);text-align:center;color:var(--text-light);font-size:14px}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:12px}.footer a:hover{color:var(--text-main)}