:root{--bg:#f5f7fb;--ink:#182235;--muted:#667085;--line:#e6eaf0;--blue:#315efb;--dark:#101827;--card:#fff;--green:#12805c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}
a{color:#2448d8}header{background:var(--dark);color:#fff;padding:15px max(22px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-size:1.4rem;font-weight:850;letter-spacing:-.04em;color:#fff;text-decoration:none}.brand span{color:#8da6ff}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:#d4dbea;text-decoration:none;font-size:.93rem}nav a:hover{color:#fff}
.hero{background:linear-gradient(130deg,#101827,#1d3264);color:#fff;padding:62px 22px}.hero-inner,.wrap,.foot{max-width:1120px;margin:auto}.eyebrow{color:#a9bcff;text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:800}.hero h1{font-size:clamp(2.25rem,6vw,4.2rem);line-height:1.06;letter-spacing:-.055em;max-width:820px;margin:12px 0}.hero p{color:#d4dbea;max-width:680px;font-size:1.08rem}
.wrap{padding:34px 22px}.section-head{margin-bottom:18px}.section-head h2{margin:0;font-size:1.65rem;letter-spacing:-.035em}.section-head p{color:var(--muted);margin:5px 0}
.search{margin-top:25px;display:flex;max-width:620px;background:#fff;padding:6px;border-radius:13px}.search input{border:0;outline:0;flex:1;min-width:0;padding:12px;font:inherit}.search button,.btn{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:11px 16px;font-weight:750;cursor:pointer}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chip{border:1px solid var(--line);background:#fff;color:#475467;padding:8px 13px;border-radius:999px;cursor:pointer}.chip.active{background:#eaf0ff;color:#2448d8;border-color:#cbd7ff}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 18px #15284a08;transition:.18s}.tool:hover{transform:translateY(-3px);box-shadow:0 12px 28px #15284a12}.tool a{text-decoration:none;color:inherit;display:block}.ico{width:42px;height:42px;border-radius:12px;background:#edf1ff;display:grid;place-items:center;font-size:1.3rem}.tool h3{margin:14px 0 5px;font-size:1.08rem}.tool p{margin:0;color:var(--muted);font-size:.92rem}.tag{display:inline-block;margin-top:13px;color:#3154c9;background:#f0f3ff;border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:750}
.panel,.calculator,.content-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:22px 0;box-shadow:0 10px 30px #15284a0b}.calculator h2{margin-top:0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.field label{display:block;font-size:.88rem;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #d8dee8;border-radius:9px;font:inherit;background:#fff}.actions{margin-top:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.result{margin-top:18px;padding:16px;border-radius:12px;background:#eff4ff;border:1px solid #dce6ff}.result strong{font-size:1.65rem;color:#2448d8;display:block}.hint,.muted{color:var(--muted);font-size:.9rem}.content-card h2{margin-top:0}.faq details{padding:14px 0;border-bottom:1px solid var(--line)}.faq summary{font-weight:750;cursor:pointer}.faq p{color:#475467;margin-bottom:0}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.trust div{padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px}.trust b{display:block;margin-bottom:4px}.trust span{color:var(--muted);font-size:.9rem}
footer{background:#101827;color:#d4dbea;margin-top:50px;padding:32px 22px}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot a{color:#d4dbea;margin-right:14px}.foot small{color:#aab5c8}.notice{font-size:.86rem;color:var(--muted);margin-top:20px}.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:15px}.breadcrumbs a{color:#315efb}
@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}}@media(max-width:540px){nav{gap:12px}.grid,.fields{grid-template-columns:1fr}.hero{padding-top:45px}.wrap{padding-top:26px}}