.offers-section{padding:10px 0;}
.offers-top{text-align:center;margin-bottom:50px;}
.offers-top h2{font-size:52px;font-weight:800;margin-bottom:15px;}
.offers-top p{color:#94a3b8;}
.filter-bar {position: sticky;top: 10px;z-index: 100;background: rgba(255,255,255,.04);backdrop-filter: blur(16px);border: 1px solid rgba(255,255,255,.08);border-radius: 24px;padding: 8px 14px;display: flex;justify-content: center;align-items: center;gap: 10px;flex-wrap: nowrap;overflow-x: auto;margin-bottom: 12px;transition: all 0.25s ease;}
.filter-input,.filter-select{width:100%;background:#1e293b;color:white;border:none;padding:16px 18px;border-radius:16px;outline:none;}
.categories{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:4px;justify-content:center;align-items:center;}
.category-btn {flex: 0 0 auto;padding: 10px 16px;border-radius: 14px;border: 1px solid rgba(255,255,255,.12);background: rgba(255,255,255,.03);color: white;cursor: pointer;transition: 0.2s;font-weight: 600;font-size: 14px;white-space: nowrap;}
.category-btn:hover {background: rgba(255,255,255,.08);}
.category-btn.active {background: #fbbf24;color: black;border-color: transparent;}
#offersGrid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px;margin-top: 0;padding-top: 0;}
.offer-card {background: rgba(255,255,255,.04);border: 1px solid rgba(255,255,255,.08);border-radius: 18px;overflow: hidden;transition: .25s;display: flex;flex-direction: column;animation: fadeIn .3s ease;}
@keyframes fadeIn {from { opacity: 0; transform: translateY(10px); }to { opacity: 1; transform: translateY(0); }}
.offer-card:hover {transform: translateY(-4px);border-color: rgba(56,189,248,.4);box-shadow: 0 10px 30px rgba(0,0,0,.4);}
.offer-card:hover .offer-image img {transform: scale(1.06);}
.offer-image {width: 100%;height: 170px;overflow: hidden;background: #0f172a;position: relative;}
.offer-image img {width: 100%;height: 100%;object-fit: cover;transition: .35s ease;}
.offer-body{padding:24px;}
.offer-category{position:absolute;top:12px;left:12px;padding:8px 14px;background:rgba(15,23,42,.45);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:14px;color:#fff;font-size:14px;font-weight:700;z-index:5;box-shadow:0 8px 20px rgba(0,0,0,.25);}
.offer-title{font-size:22px;font-weight:700;margin-bottom:8px;}
.offer-company{color:#94a3b8;margin-bottom:20px;}
.offer-spec {display: flex;justify-content: space-between;padding: 8px 0;border-bottom: 1px solid rgba(255,255,255,.05);}
.offer-spec:last-child {border-bottom: none;}
.offer-label {color: #94a3b8;font-size: 12px;}
.offer-value {color: white;font-weight: 600;}
.offer-btn{margin-top:auto;display:block;text-align:center;background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#111827;padding:12px;border-radius:14px;font-weight:700;text-decoration:none;transition:.25s;animation:offerPulse 3.5s infinite;}
.offer-btn:hover{transform:scale(1.04);animation-play-state:paused;}
@keyframes offerPulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(251,191,36,0);}50%{transform:scale(1.03);box-shadow:0 0 18px rgba(251,191,36,.35);}100%{transform:scale(1);box-shadow:0 0 0 rgba(251,191,36,0);}}
@media(max-width:1200px){.offers-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:992px){.offers-grid{grid-template-columns:repeat(2,1fr);}.filter-bar{grid-template-columns:1fr;}}
@media(max-width:640px){.offers-grid{grid-template-columns:1fr;}.offers-top h2{font-size:38px;}}
.how-section{padding:120px 0;}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.how-card{background:rgba(255,255,255,.04);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:35px;transition:.3s;}
.how-card:hover{transform:translateY(-8px);border-color:rgba(56,189,248,.3);}
.step-number{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;background:#38bdf8;margin-bottom:20px;}
.how-card h3{font-size:24px;margin-bottom:15px;}
.how-card p{color:#94a3b8;}
.why-section{padding:120px 0;background:rgba(255,255,255,.02);}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}
.why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:30px;transition:.3s;}
.why-card:hover{transform:translateY(-8px);border-color:rgba(251,191,36,.3);}
.why-icon{width:65px;height:65px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;background:rgba(251,191,36,.15);margin-bottom:20px;}
.why-card h3{margin-bottom:15px;font-size:22px;}
.why-card p{color:#94a3b8;}
@media(max-width:1100px){.why-grid{grid-template-columns:repeat(2,1fr);}.how-grid{grid-template-columns:1fr;}}
@media(max-width:640px){.why-grid{grid-template-columns:1fr;}
.offer-category-badge {position:absolute;top:12px;left:12px;background:rgba(255,255,255,.15);color:#fff;padding:7px 12px;border-radius:12px;font-size:12px;font-weight:700;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);box-shadow:0 5px 15px rgba(0,0,0,.2);z-index:5;}
@media (max-width: 1200px) {#offersGrid {grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 900px) {#offersGrid {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 600px) {#offersGrid {grid-template-columns: 1fr;}}