:root{--ink:#14213d;--sun:#ffb703;--sky:#219ebc;--leaf:#2a9d8f;--bg:#fffdf7;--card:#fff}*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--sky)}
header.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:var(--ink);color:#fff}header.nav a{color:#fff;text-decoration:none;margin-left:18px;font-weight:600}.logo{font-weight:900;letter-spacing:.5px}.logo span{color:var(--sun)}
.hero{padding:80px 5vw 70px;background:radial-gradient(circle at 80% 20%,#ffd166 0,transparent 40%),linear-gradient(135deg,#14213d,#1d3557 60%,#219ebc);color:#fff}.hero h1{font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.05;margin:0 0 18px;font-weight:900}.hero h1 em{color:var(--sun);font-style:normal}.hero p{font-size:1.25rem;max-width:720px;opacity:.95}
.btn{display:inline-block;background:var(--sun);color:var(--ink);padding:14px 26px;border-radius:999px;font-weight:800;text-decoration:none;margin:10px 10px 0 0;border:0;cursor:pointer;font-size:1rem}.btn.ghost{background:transparent;color:#fff;border:2px solid #fff}
.stats{display:flex;gap:40px;margin-top:40px;flex-wrap:wrap}.stats b{display:block;font-size:2.2rem;color:var(--sun)}
main{padding:40px 5vw;max-width:1200px;margin:auto}h2{font-size:2rem;margin:40px 0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.card{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 2px 12px rgba(20,33,61,.08);text-decoration:none;color:inherit;display:block;border-top:5px solid var(--leaf)}.card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(20,33,61,.14)}.card h3{margin:6px 0;font-size:1.1rem}
.cat{border-top-color:var(--sun)}.cat .em{font-size:2rem}.tag{display:inline-block;font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:999px;background:#eef6f8;color:#1d3557;margin-right:6px;text-transform:uppercase;letter-spacing:.5px}.tag.single{background:#fff3d6}.tag.multi{background:#d8f3dc}
.sev{color:#e63946;letter-spacing:1px}.sev i{color:#ddd;font-style:normal}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 20px}.filters input,.filters select{padding:12px 14px;border-radius:10px;border:1px solid #ccd;font-size:1rem}.filters input{flex:1;min-width:240px}
.fix{background:linear-gradient(135deg,#e9f5f2,#fff8e1);border-radius:16px;padding:24px;margin:24px 0}.fix h2{margin-top:0}.fix li{margin:8px 0}blockquote{border-left:4px solid var(--sun);margin:10px 0;padding:6px 14px;background:#fff;font-style:italic}
.news{background:var(--ink);color:#fff;border-radius:20px;padding:36px;margin:50px 0;text-align:center}.topics{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;margin:14px 0}.topics label{font-size:.9rem}.topics input{width:auto}.out{min-height:1.4em;font-weight:600}.cf-turnstile{display:flex;justify-content:center;margin:8px 0}.community{background:#fff;border-radius:16px;padding:24px;margin:24px 0;box-shadow:0 2px 12px rgba(20,33,61,.08)}.community textarea,.community input[type=email],.sg input,.sg textarea,.sg select{width:100%;padding:12px;border-radius:10px;border:1px solid #ccd;font:inherit}.idea{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #eee}.up{border:1px solid #ccd;background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer;font-weight:700}.up.on{background:#d8f3dc}.fixbtn{font-size:1.1rem}.news input{padding:14px;border-radius:999px;border:0;width:min(360px,90%);font-size:1rem}
footer{padding:30px 5vw;color:#667;font-size:.9rem;border-top:1px solid #eee}.crumb{font-size:.9rem;color:#667}@media(max-width:700px){header.nav{flex-direction:column;align-items:flex-start;gap:6px}header.nav nav{display:flex;flex-wrap:wrap;gap:4px 14px}header.nav nav a{margin:0;font-size:.9rem}.hero{padding:44px 6vw}.stats{gap:20px}.filters select{flex:1}}.meta{color:#556;font-size:.95rem}