*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fa;color:#162a43;font:17px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#174d82}.wrap{max-width:1180px;margin:auto;padding:0 22px}header,footer{background:#11233e;color:#fff}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}header a,footer a{color:#fff;text-decoration:none}.brand{font-weight:900;font-size:23px}.brand b{color:#ff983d}nav{display:flex;gap:20px;flex-wrap:wrap}.hero{background:linear-gradient(120deg,#11233e,#254e78);color:white;padding:68px 0}.eyebrow{color:#ffae61;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:13px}h1{font-size:clamp(34px,5vw,54px);line-height:1.14;margin:15px 0}h2{font-size:clamp(25px,3vw,34px);line-height:1.25}h3{font-size:22px;line-height:1.3}.lead{font-size:20px;color:#e3edf8;max-width:820px}.crumbs{font-size:14px;color:#d6e5f7}.crumbs a{color:#fff}.section{padding:52px 0}.grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px}.panel,.article,.faq{background:white;border:1px solid #dfe5ec;border-radius:17px;padding:26px;box-shadow:0 8px 30px #11233e0c}.panel{border-top:5px solid #f59336}label{display:block;font-weight:700;margin-top:16px}input{width:100%;padding:13px;border:1px solid #9daaba;border-radius:9px;font:inherit}button,.btn{display:inline-block;background:#f39132;color:#17253b;border:0;border-radius:9px;padding:13px 22px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;margin-top:20px}.result{background:#eaf2fc;border-radius:10px;padding:17px;margin-top:18px;font-size:23px;font-weight:800}.muted{color:#586c80}.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article p{color:#485a6d}.faq{margin-bottom:13px}.faq h3{margin:0 0 8px}.faq p{margin:0}.related{display:flex;gap:14px;flex-wrap:wrap}.related a{background:#fff;padding:15px;border:1px solid #d8e1eb;border-radius:10px;font-weight:700}.note{background:#fff2e5;border-left:5px solid #f39132;padding:16px 20px;border-radius:7px}footer .wrap{padding-top:30px;padding-bottom:30px}@media(max-width:800px){.grid,.articles{grid-template-columns:1fr}.hero{padding:45px 0}.section{padding:35px 0}.panel,.article,.faq{padding:20px}}