.article-hero{position:relative;overflow:hidden;padding:88px 24px 67px;background:linear-gradient(120deg,rgba(8,31,83,.79),rgba(25,78,181,.48)),var(--article-image) center/cover;color:#fff}.article-hero:before{position:absolute;inset:0;background:linear-gradient(rgba(162,213,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(162,213,255,.08) 1px,transparent 1px);background-size:48px 48px;content:""}.article-hero-inner{position:relative;z-index:1;max-width:940px;margin:auto}.article-meta{color:#9eeaff;font-size:13px;font-weight:800;letter-spacing:1px}.article-hero h1{max-width:850px;margin:17px 0;font-size:46px;line-height:1.25;letter-spacing:-2px}.article-hero p{max-width:720px;margin:0;color:#e0efff;font-size:17px;line-height:1.8}.article{max-width:940px;margin:auto;padding:65px 24px 88px;color:#334e76}.article-lead{margin:0 0 42px;padding:25px 28px;border-left:4px solid #4ecfeb;border-radius:0 16px 16px 0;background:#f0f8ff;color:#42607f;font-size:18px;line-height:1.85}.article h2{margin:46px 0 17px;color:#18366e;font-size:29px}.article h3{margin:25px 0 9px;color:#21457f;font-size:20px}.article p{margin:0 0 17px;line-height:1.95}.article ul{display:grid;gap:11px;margin:0 0 20px;padding:0;list-style:none}.article li{padding:14px 16px;border:1px solid #dce9fa;border-radius:12px;background:#fff;line-height:1.75}.article li:before{margin-right:10px;color:#4b78ea;font-weight:900;content:"✓"}.article-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:38px 0;padding:30px;border-radius:22px;background:linear-gradient(135deg,#102d68,#225bc9 62%,#5266ea);color:#fff;box-shadow:0 20px 42px rgba(17,57,144,.2)}.article-panel h3{margin:7px 0 10px;color:#fff}.article-panel p{margin:0;color:#d9e9ff}.article-panel div:last-child{padding:19px;border:1px solid rgba(201,232,255,.25);border-radius:15px;background:rgba(255,255,255,.1)}.article-panel b{display:block;margin-bottom:8px;color:#8deaff;font-size:14px}.article-end{padding:31px;border-radius:20px;background:linear-gradient(135deg,#edf9ff,#f1efff)}.article-end h2{margin-top:0}@media(max-width:680px){.article-hero{padding:65px 20px}.article-hero h1{font-size:33px}.article{padding:45px 19px 65px}.article h2{font-size:26px}.article-panel{grid-template-columns:1fr;padding:24px}.article-lead{font-size:16px}}