*{box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f5f7fa;color:#172b4d;margin:0}header{background:#102a43;color:white;padding:26px 16px;text-align:center}header h1{margin:0 0 8px}header a{color:white}main{max-width:920px;margin:auto;padding:25px 16px}.search{display:flex;gap:8px;margin-bottom:20px}.search input{flex:1;min-width:0;padding:15px;border:1px solid #ccd4dc;border-radius:8px;font-size:16px}.search button{background:#102a43;color:white;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}.notice{background:#fff3cd;padding:13px;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.card{display:block;background:white;color:#172b4d;text-decoration:none;padding:20px;border-radius:12px;box-shadow:0 3px 12px #00000010;margin-bottom:15px}.card span{display:block;margin-top:10px}.offer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #eee;padding:12px 0}.offer strong{color:#087f5b;text-align:right}@media(max-width:480px){.search{flex-direction:column}.search button{padding:15px}.offer{font-size:14px}}