@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--cyan:#00AEEF;--blue:#0072BC;--deep:#0054A6;--ink:#102033;--muted:#5d6b7a;--paper:#f7f9fc;--line:#dbe5ee;--magenta:#E50063;--orange:#F15A24;--yellow:#FFC20E}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Montserrat',Arial,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{width:min(1050px,calc(100% - 44px));margin:auto}h1,h2,h3{font-weight:800;letter-spacing:-.04em;line-height:1.1}h1{font-size:clamp(2.4rem,6vw,5rem)}h2{font-size:clamp(1.7rem,3vw,2.5rem)}p{color:var(--muted)}.site-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:rgba(255,255,255,.94)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;line-height:1.15}.brand img{width:72px}.brand small{display:block;color:var(--muted);font-size:.64rem;font-weight:500;margin-top:4px}.back{color:var(--deep);font-weight:700;font-size:.86rem}.article-hero{padding:85px 0 60px;background:linear-gradient(135deg,#f5fbff,#fff 55%,#f7f9fc)}.post-meta{color:var(--blue);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}.article-hero h1{max-width:900px}.lead{max-width:760px;font-size:1.2rem;margin-top:25px}.author{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:.82rem;color:var(--deep);font-weight:700}.author-mark{width:10px;height:10px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 6px rgba(255,194,14,.16)}.article-image{width:100%;height:min(480px,52vw);min-height:270px;object-fit:cover;border-radius:24px;box-shadow:0 22px 60px rgba(0,50,100,.15)}.article-main{padding:62px 0 95px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 220px;gap:70px;align-items:start}.article-body h2{margin:6px 0 18px}.article-body h3{font-size:1.2rem;margin:38px 0 10px}.article-body p{font-size:1.03rem;margin:0 0 18px}.article-body ul{padding-left:23px;margin:16px 0 24px;color:var(--muted)}.article-body li{margin:8px 0}.article-aside{position:sticky;top:25px;border-left:3px solid var(--cyan);padding:5px 0 5px 18px}.article-aside span{display:block;color:var(--blue);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px}.article-aside p{font-size:.84rem;line-height:1.5}.article-cta{margin-top:50px;background:var(--deep);border-radius:22px;padding:32px;color:#fff}.article-cta h2{font-size:1.7rem;color:#fff;max-width:530px}.article-cta p{color:#c9dfec;margin:13px 0 21px;max-width:600px}.btn{display:inline-flex;border-radius:999px;padding:13px 20px;background:#fff;color:var(--deep);font-size:.86rem;font-weight:800}.footer{background:#0c1928;color:#aebdca;padding:30px 0;font-size:.76rem}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700}.footer-brand img{width:62px}
@media(max-width:800px){.article-layout{grid-template-columns:1fr;gap:34px}.article-aside{position:static}.article-image{height:330px}.article-main{padding-top:45px}}
@media(max-width:560px){.wrap{width:min(100% - 30px,1050px)}.site-header{height:68px}.brand img{width:60px}.brand span{font-size:.8rem}.brand small{font-size:.58rem}.back{font-size:.75rem}.article-hero{padding:58px 0 42px}.lead{font-size:1rem}.article-image{height:240px;border-radius:18px}.article-body p{font-size:.97rem}.article-cta{padding:26px 22px}.article-cta h2{font-size:1.45rem}.footer-row{align-items:flex-start;flex-direction:column}}