*{box-sizing:border-box}body{margin:0;background:#f5f7fc;color:#16233b;font:16px/1.65 Inter,Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.top{background:#081b33;color:#dbe7f6;padding:8px 0;font-size:12px}header{background:white;border-bottom:1px solid #e4e9f2;position:sticky;top:0}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:800;display:flex;gap:12px;align-items:center}.logo{background:linear-gradient(135deg,#1769e0,#43d7e8);color:white;border-radius:13px;padding:8px 14px}.nav a{margin-left:20px;font-weight:700}.hero{background:linear-gradient(120deg,#eff2ff,#fff 55%,#e8fbff);padding:42px 0 56px}.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.tag{display:inline-block;background:#e6eaff;color:#4c48c8;border-radius:30px;padding:6px 13px;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.hero h1{font-size:clamp(36px,5vw,58px);line-height:1.08;letter-spacing:-2px;margin:20px 0 14px}.hero p{color:#5a6a83;font-size:17px}.btn{display:inline-block;background:#1769e0;color:#fff;padding:12px 18px;border-radius:12px;font-weight:750;margin:8px 8px 0 0;box-shadow:0 8px 18px #1769e02b}.btn.alt{background:white;color:#081b33;border:1px solid #dce4f0;box-shadow:none}.visual,.panel,.card,.article,.side{background:white;border:1px solid #e1e7f2;border-radius:20px;box-shadow:0 18px 45px #10284a0d}.visual{padding:25px;min-height:300px;background:linear-gradient(145deg,#fff,#f4f7ff)}.visual h3{margin:10px 0}.checks{padding:15px;border:1px solid #e6ebf4;border-radius:15px;margin-top:20px}.checks p{font-size:14px;margin:10px 0}.search{margin-top:-26px;position:relative;background:white;border:1px solid #e3e9f3;border-radius:16px;padding:13px;box-shadow:0 18px 45px #10284a0d;display:flex;gap:10px}.search input{border:0;outline:0;flex:1;font:inherit;padding:8px}.section{padding:52px 0}.section h2{font-size:29px;margin-bottom:4px}.muted{color:#62718a}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filter{border:1px solid #dce4f0;background:white;border-radius:22px;padding:8px 13px;cursor:pointer;font-weight:700}.filter.active{background:#081b33;color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:20px;display:flex;flex-direction:column;min-height:170px;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #0b244412}.card h3{font-size:16px;line-height:1.4;margin:10px 0}.card p{font-size:13px;color:#62718a}.more{margin-top:auto;color:#1769e0;font-weight:800;font-size:13px}.content{display:grid;grid-template-columns:1fr 300px;gap:24px;padding:42px 0}.article,.side{padding:clamp(22px,4vw,40px)}.article h1{font-size:clamp(30px,4vw,43px);line-height:1.15}.article h2{font-size:22px;margin-top:28px}.article p,.article li{color:#53627a}.side{position:sticky;top:95px}.side .btn{display:block;text-align:center}.notice{background:#f0f8ff;border:1px solid #d8eaff;padding:13px;border-radius:12px;font-size:12px;color:#4c607d;margin-top:18px}.support{padding:45px 0;background:linear-gradient(120deg,#eff2ff,#e8fbff)}.panel{padding:32px;max-width:850px;margin:auto}.options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.option{border:1px solid #e4e9f2;border-radius:15px;padding:18px}footer{background:#081b33;color:#d7e2f2;padding:30px 0;margin-top:20px;font-size:13px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot small{color:#a9bad1}@media(max-width:800px){.heroGrid,.content{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.side{position:static}}@media(max-width:560px){.grid,.options{grid-template-columns:1fr}.nav{height:66px}.brand{font-size:16px}.nav a{margin-left:10px;font-size:13px}.hero{padding-top:28px}.section{padding:38px 0}}