:root{--bg:#f8fafc;--ink:#0f172a;--a:#0ea5e9;--b:#f97316;--c:#22c55e}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#ecfeff,#fff7ed);color:var(--ink)}a{color:inherit}.hero{padding:34px 7vw 70px;background:linear-gradient(130deg,#075985,#0f766e);color:white}nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:46px}nav strong{font-size:clamp(1.15rem,2.3vw,1.95rem);line-height:1.1;margin-right:auto;min-width:210px}nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;background:#ffffff24;color:white;text-decoration:none;font-weight:850;white-space:nowrap;border:1px solid #ffffff30}nav a:hover{background:#ffffff38}h1{max-width:900px;font-size:clamp(2.5rem,7vw,6.4rem);line-height:.92;margin:0 0 18px}.hero p{max-width:760px;font-size:1.12rem}.search{display:flex;gap:10px;max-width:780px;margin-top:28px}.search input{flex:1;padding:18px;border:0;border-radius:10px}.search button{border:0;border-radius:10px;padding:0 22px;font-weight:900;background:#facc15}main{padding:44px 7vw}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card,.panel{padding:22px;border-radius:10px;background:white;box-shadow:0 18px 50px #0f172a18;text-decoration:none}.tag{color:var(--a);font-weight:900}.detail{max-width:980px;margin:auto}.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.links a{padding:14px;background:#e0f2fe;border-radius:8px;text-decoration:none;font-weight:850}@media(max-width:720px){nav strong{min-width:100%;margin-right:0}.search{flex-direction:column}.search button{min-height:46px}}.search{display:grid;grid-template-columns:1fr auto;gap:8px;max-width:820px;margin-top:30px;padding:8px;background:#ffffff22;border:1px solid #ffffff38;border-radius:14px;box-shadow:0 20px 45px #042f2e33}.search input{width:100%;min-width:0;margin:0;padding:17px 18px;border:0;border-radius:10px;background:white;color:#0f172a;font-weight:750}.search button{min-height:52px;border:0;border-radius:10px;padding:0 22px;background:#facc15;color:#422006;font-weight:950;letter-spacing:0;box-shadow:0 10px 20px #713f1230;cursor:pointer}.search button:hover{background:#fde047}@media(max-width:720px){.search{grid-template-columns:1fr;border-radius:14px}.search button{width:100%;min-height:50px}}