:root{--ink:#172033;--muted:#64748b;--gold:#d97706;--cream:#fffbeb;--line:#f1e6d2}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Inter',sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{max-width:1152px;margin:auto;padding:0 24px}.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px}.brand:before{content:"";display:block;width:30px;height:30px;background:url('/favicon.svg') center/contain no-repeat}.nav a{color:var(--muted);font-size:14px}.hero{padding:70px 0 54px;max-width:760px}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.02;letter-spacing:-.055em;margin:16px 0}.hero p{font-size:19px;color:var(--muted);max-width:650px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:80px}.card{display:flex;flex-direction:column;min-height:310px;padding:26px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 18px 50px -38px #92400e}.card h2{font-size:22px;line-height:1.15;margin:12px 0}.card p{color:var(--muted);font-size:14px}.meta{color:#a16207;font-size:12px;font-weight:700}.read{margin-top:auto;color:var(--gold);font-weight:700;font-size:14px}.article{max-width:740px;margin:50px auto 100px}.article h1{font-size:clamp(38px,6vw,64px);line-height:1.04;letter-spacing:-.055em;margin:18px 0}.article .lead{font-size:20px;color:var(--muted)}.article h2{font-size:29px;line-height:1.15;margin:52px 0 14px}.article p,.article li{font-size:17px}.article li{margin:8px 0}.article code{padding:3px 7px;border-radius:6px;background:#fff3d6;color:#92400e}.article pre{overflow:auto;padding:20px;border-radius:14px;background:#172033;color:#f8fafc;font-size:14px}.article pre code{padding:0;border-radius:0;background:transparent;color:inherit}.cta{margin-top:50px;padding:28px;border-radius:20px;background:#172033;color:#fff}.cta p{color:#cbd5e1}.button{display:inline-block;padding:11px 17px;border-radius:10px;background:#f59e0b;color:#fff;font-weight:700}@media(max-width:760px){.grid{grid-template-columns:1fr}.hero{padding-top:40px}.article{margin-top:30px}.nav{padding-top:18px}}
img.hero{display:block;width:100%;height:auto;padding:0;border-radius:18px;margin:26px 0 8px;box-shadow:0 24px 60px -30px #0f172a}
.card img.thumb{display:block;width:100%;height:150px;object-fit:cover;border-radius:14px;margin-bottom:14px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.8);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-left:none;border-right:none;border-top:none}.site-header-inner{max-width:1152px;margin:auto;padding:0 16px;height:64px;display:flex;align-items:center;justify-content:space-between}.site-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:#0f172a}.site-brand img{width:32px;height:32px}.site-nav{display:flex;gap:32px;align-items:center}.site-nav a{color:#475569;font-size:16px;font-weight:500}.site-nav a:hover{color:#d97706}.site-actions{display:flex;align-items:center;gap:12px}.site-login{font-size:14px;font-weight:500;color:#334155}.site-login:hover{color:#d97706}.site-cta{font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#D97706,#F59E0B);padding:12px 28px;border-radius:10px}.site-footer{border-top:1px solid #f1f5f9;background:#fff;padding:48px 16px;margin-top:40px}.site-footer-inner{max-width:1152px;margin:auto;text-align:center;font-size:14px;color:#64748b}.site-footer-inner p{margin:6px 0;font-size:14px}.site-footer a:hover{color:#0f172a}
@media(min-width:640px){.site-header-inner{padding:0 24px}}
@media(min-width:1024px){.site-header-inner{padding:0 32px}}
@media(max-width:760px){.site-nav{display:none}}