:root{font-family:Segoe UI,Arial,sans-serif;color:#193249;background:#f4f7fa;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-size:22px;font-weight:700}.brand span{display:block;font-size:12px;font-weight:400;color:#667b89}a{color:#174f78}h1{font-size:clamp(36px,6vw,64px);line-height:1.05;letter-spacing:-2px;max-width:700px;margin:25px 0}.lead{font-size:22px;max-width:700px;line-height:1.5}p{line-height:1.65;max-width:850px}.badge{display:inline-block;background:#e4eff7;color:#164c73;padding:8px 12px;font-size:12px;font-weight:700;border-radius:5px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}article,aside,.panel{padding:24px;background:white;border:1px solid #dde6ed;border-radius:12px}h2{font-size:19px;margin-top:0}.notice{padding:20px;border-left:4px solid #e5a42b;background:#fff5df}aside{margin-top:30px}footer{font-size:13px;color:#6a7b89}label{display:block;margin:15px 0 6px}input,select,textarea,button{font:inherit;padding:10px;border:1px solid #b4c6d3;border-radius:5px}input,select,textarea{width:100%}button{cursor:pointer;background:#164f78;color:white;margin:15px 10px 0 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#142d42;color:#e0edf8;padding:20px;border-radius:8px}small{color:#667b89}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:700px){.cards,.row{grid-template-columns:1fr}header{align-items:flex-start}main{padding-top:0}}