*{box-sizing:border-box}body{margin:0;background:#f1f6fc;color:#102b4a;font-family:Inter,"Segoe UI",Arial,sans-serif}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1080px)/2));background:#071f3c;color:#fff}.brand span,.brand b{display:block}.brand span{font-size:9px;letter-spacing:.18em;color:#6eb4ff;font-weight:800}.brand b{margin-top:4px}nav{display:flex;gap:7px}nav a{color:#a9c1d8;text-decoration:none;padding:7px 9px;border-radius:7px;border:1px solid rgba(255,255,255,.1)}main{width:min(1080px,calc(100vw - 36px));margin:34px auto}.hero{padding:34px;background:linear-gradient(135deg,#092b52,#0d477d);color:#fff;border-radius:18px}.hero>span{font-size:9px;letter-spacing:.16em;color:#7cc0ff}.hero h1{font-size:34px;margin:10px 0}.hero p{max-width:760px;color:#c6d8e8;line-height:1.6}.hero small{color:#87a8c4}.tabs{display:flex;gap:10px;margin:20px 0}.tabs a{padding:11px 16px;border-radius:9px;text-decoration:none;color:#58728d;background:#fff;border:1px solid #d8e5f1}.tabs a.active{background:#086de1;color:#fff;border-color:#086de1}article{background:#fff;border:1px solid #d8e5f1;border-radius:16px;padding:10px 28px}article section{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid #e8eef5}article section:last-child{border-bottom:0}article em{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eaf4ff;color:#086de1;font-style:normal;font-weight:800}article h2{margin:2px 0 8px;font-size:17px}article p{margin:0;color:#60758d;line-height:1.7}footer{text-align:center;padding:28px;color:#71859a}[dir=rtl] article section{grid-template-columns:1fr 46px}[dir=rtl] article section em{grid-column:2}[dir=rtl] article section div{grid-column:1;grid-row:1}@media(max-width:600px){.hero h1{font-size:27px}article{padding:8px 18px}article section{grid-template-columns:1fr}article em{display:none}}