:root{--navy:#1F3A5F;--navy-d:#152a47;--yellow:#FFC400;--white:#fff;--bg:#f5f7fa;--text:#1c2733;--muted:#5b6b7d;--line:#dde3ea;--r:14px;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);background:var(--bg)}
img{max-width:100%;height:auto;display:block}a{color:var(--navy)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.skip{position:absolute;left:-999px;background:var(--yellow);color:#000;padding:.6rem 1rem;z-index:99}.skip:focus{left:8px;top:8px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
header.top{background:var(--navy);position:sticky;top:0;z-index:20;border-bottom:3px solid var(--yellow)}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.logo{font-size:1.45rem;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.02em}.logo span{color:var(--yellow)}
nav ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}
nav a{color:#fff;text-decoration:none;padding:.55rem .9rem;border-radius:8px;font-weight:600}
nav a:hover,nav a[aria-current=page]{background:rgba(255,255,255,.12);color:var(--yellow)}
.menu{display:none;background:none;border:2px solid #fff;color:#fff;border-radius:8px;padding:.4rem .8rem;font:inherit;font-weight:600}
@media(max-width:720px){.menu{display:block}nav ul{display:none;position:absolute;left:0;right:0;top:67px;background:var(--navy-d);flex-direction:column;padding:.75rem 1.25rem}nav ul.open{display:flex}}
.hero{background:var(--navy);color:#fff;padding:4.5rem 0 5rem;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;right:-90px;top:-90px;width:380px;height:380px;border-radius:50%;background:var(--yellow)}
.hero .wrap{position:relative;z-index:1}
.hero h1{font-size:clamp(2.2rem,6vw,3.9rem);line-height:1.05;margin:0 0 1rem;max-width:15ch;letter-spacing:-.03em}
.hero p{max-width:52ch;font-size:1.15rem;color:#dbe6f3;margin:0 0 1.75rem}
.btn{display:inline-block;background:var(--yellow);color:#111;text-decoration:none;padding:.8rem 1.4rem;border-radius:10px;border:0;font:inherit;font-weight:700;cursor:pointer}
.btn:hover{background:#ffd23d}.btn.off{background:var(--line);color:var(--muted);cursor:default}.btn.alt{background:transparent;color:#fff;border:2px solid #fff;margin-left:.5rem}
section.s{padding:3.5rem 0}h2{font-size:1.9rem;color:var(--navy);margin:0 0 .4rem;letter-spacing:-.02em}.lead{color:var(--muted);margin:0 0 1.75rem}
.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;display:flex;flex-direction:column;gap:.6rem}
.card h3{margin:0;font-size:1.15rem;color:var(--navy)}.card p{margin:0;color:var(--muted)}
.card img{border-radius:10px;aspect-ratio:4/3;object-fit:contain;background:#fff}
.cat{text-decoration:none;color:inherit;border-top:4px solid var(--yellow)}.cat:hover{border-color:var(--navy)}.ico{font-size:2rem}
.tag{font-size:.85rem;font-weight:700;color:var(--navy);background:#fff4c7;padding:.15rem .6rem;border-radius:99px;align-self:flex-start}
.pc{margin:0;padding-left:1.1rem;font-size:.95rem}.pc.pro li::marker{color:#1b8a3a}.pc.con li::marker{color:#b3261e}
.card .btn{margin-top:auto;text-align:center}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.chips a{padding:.45rem 1rem;border:2px solid var(--navy);border-radius:99px;text-decoration:none;font-weight:600}
.chips a[aria-current=true]{background:var(--navy);color:#fff}
.empty{background:#fff;border:2px dashed var(--line);border-radius:var(--r);padding:2rem;text-align:center;color:var(--muted)}
.disc{background:#fff9e0;border-left:5px solid var(--yellow);padding:1rem 1.25rem;border-radius:8px;font-size:.95rem}
.prose{max-width:760px;padding:3rem 1.25rem}.prose h1{color:var(--navy);margin-top:0}.prose h2{font-size:1.35rem;margin-top:2rem}.prose .fill{background:#fff4c7;padding:0 .3rem;border-radius:4px}
form.f{display:grid;gap:1rem;max-width:560px}label{font-weight:600;display:grid;gap:.3rem}
input,textarea{font:inherit;padding:.7rem;border:2px solid var(--line);border-radius:8px;width:100%}input:focus,textarea:focus{border-color:var(--navy)}
footer.bot{background:var(--navy-d);color:#c9d6e6;padding:2.5rem 0 1.5rem;margin-top:3rem;font-size:.95rem}
footer a{color:#fff}footer ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:1rem 0}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}