*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b2430;background:#f5f7fa}
a{color:#0b5cad}header{background:#0f2d4a;color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
header a{color:#fff;text-decoration:none;margin-left:16px;font-weight:600}.logo{font-size:22px;font-weight:800;margin:0}.logo span{color:#f5b301}
.hero{background:linear-gradient(135deg,#0f2d4a,#1d5b8f);color:#fff;padding:36px 20px 28px;text-align:center}.hero h1{margin:0 0 6px;font-size:clamp(24px,4vw,38px)}.hero p{margin:0;opacity:.9}
main{max-width:1100px;margin:0 auto;padding:20px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;background:#fff;padding:14px;border-radius:12px;box-shadow:0 1px 4px #0002;margin-top:-30px;position:relative}
.filters label{font-size:12px;font-weight:700;color:#556;text-transform:uppercase}.filters select,.filters input{width:100%;padding:9px;border:1px solid #ccd;border-radius:8px;font-size:15px}
.count{margin:16px 2px 8px;color:#556}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0001;border:1px solid #e3e8ef;display:flex;flex-direction:column;gap:6px}.card h3{margin:0;font-size:17px}.card h3 a{color:#0f2d4a;text-decoration:none}
.meta{color:#556;font-size:14px}.tags span{display:inline-block;background:#eef3f9;color:#0f2d4a;border-radius:20px;padding:2px 9px;font-size:12px;margin:2px 3px 0 0;font-weight:600}.tags .div{background:#f5b301}
.price{font-weight:800;font-size:18px}.btn{display:inline-block;background:#f5b301;color:#1b2430;padding:10px 18px;border-radius:8px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:15px}
.news{background:#0f2d4a;color:#fff;border-radius:12px;padding:22px;margin:28px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.news form{display:flex;gap:8px;flex-wrap:wrap}.news input{padding:10px;border-radius:8px;border:0;min-width:200px}
footer{text-align:center;color:#778;font-size:13px;padding:30px 20px}.links a{margin-right:12px;display:inline-block}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.plan{background:#fff;border-radius:12px;padding:20px;border:2px solid #e3e8ef}.plan.hot{border-color:#f5b301}.plan h2{margin:0}
table{border-collapse:collapse;background:#fff}td{padding:8px 12px;border-bottom:1px solid #eee;vertical-align:top}