:root{--ink:#102033;--sky:#0284c7;--lime:#84cc16;--soft:#f0f9ff;--line:#bae6fd}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#f0f9ff,#f7fee7);color:var(--ink)}a{color:inherit}header{padding:38px 7vw 64px;background:linear-gradient(135deg,#0369a1,#16a34a);color:white}nav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:42px}nav strong{font-size:clamp(1.15rem,2.3vw,1.95rem);line-height:1.1;margin-right:auto;min-width:220px}nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:8px;background:#ffffff22;color:white;text-decoration:none;font-weight:900;white-space:nowrap;border:1px solid #ffffff38}nav a:hover{background:#ffffff38}h1{font-size:clamp(2.5rem,6vw,5.7rem);line-height:.95;max-width:960px;margin:0 0 18px}header p{max-width:780px;font-size:1.12rem}main{padding:42px 7vw}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.card,.panel{padding:20px;border-radius:8px;background:white;border:1px solid var(--line);box-shadow:0 14px 36px #07598517;text-decoration:none}.card:hover{border-color:#38bdf8;transform:translateY(-1px)}.tag{color:var(--sky);font-weight:950}.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:#dcfce7;border-radius:8px;text-decoration:none;font-weight:850}@media(max-width:720px){nav strong{min-width:100%;margin-right:0}}.search{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:880px;margin-top:30px;padding:8px;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:10px;box-shadow:0 18px 42px #07598530}.search input{width:100%;min-width:0;margin:0;padding:17px 18px;border:0;border-radius:8px;background:white;color:#102033;font-weight:800}.search button{min-height:52px;border:0;border-radius:8px;padding:0 22px;background:#84cc16;color:#1a2e05;font-weight:950;cursor:pointer}.search button:hover{background:#a3e635}@media(max-width:720px){.search{grid-template-columns:1fr;border-radius:14px}.search button{width:100%;min-height:50px}}