*,
*:before,
*:after { box-sizing: border-box; }
html,body,div,span,figure,h1,h2,h3,h4,h5,h6,p,a,img,i,ol,ul,li,form,label,main,footer,header,nav,section { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none; scroll-behavior:smooth; }
footer,header,nav,section,main{ display:block; }
ol,ul{ list-style:none; }
img{ display:block; max-width:100%; height:auto; }
a{ text-decoration:none; color:inherit; }
button{ border:0; cursor:pointer; background:none; }
html{ font-size:16px; }
@media (max-width:767.98px){ html{ font-size:14px; } }
body{ min-height:100vh; display:flex; flex-direction:column; color:#E6EEF8;
  
background: 
    radial-gradient(900px 600px at 10% 0%, rgba(255, 100, 0, 0.35), transparent),
    radial-gradient(800px 500px at 100% 10%, rgba(0, 180, 255, 0.25), transparent),
    radial-gradient(700px 300px at 50% 120%, rgba(255, 255, 255, 0.05), transparent),
    #0A1020;
  background-repeat: no-repeat;
  background-attachment: fixed; /* чтобы тянулся и при скролле */
  background-size: cover;
  
  
  font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; }

/* Top alert (replaces old banner) */
.top-alert{ background:linear-gradient(90deg,#10233F 0%,#0E1B33 60%); border-bottom:1px solid rgba(255,140,25,.25); }
.top-alert__container{ max-width:76rem; margin:0 auto; padding:.5rem 1rem; }
.top-alert__text{ font-weight:600; font-size:.9rem; color:#A8C3FF; }
.top-alert{
  text-align: center;
}
/* Hero */
.hero{ position:relative; padding:3rem 0; background: linear-gradient(180deg, rgba(11,18,32,.2) 0%, rgba(11,18,32,.9) 100%), url(../img/bg1.webp) center/cover no-repeat; }
@media (max-width:767.98px){ .hero{ padding:1.5rem 0; } }
.hero__container,.offers__container,.content__container,.footer__container{ max-width:76rem; margin:0 auto; padding:0 1rem; }
.hero__title{ font-family:"Unbounded", system-ui; font-weight:800; letter-spacing:.2px; font-size:2.6rem; color:#fff; text-align:center; margin-bottom:1rem; }
@media (max-width:767.98px){ .hero__title{ font-size:1.75rem; } }
.hero__subtitle{ text-align:center; color:#d4edb1; max-width:56rem; margin:0 auto; font-size:1.125rem; }
.hero-bullets{ margin-top:1.25rem; display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap; }
.hero-bullets__item{ padding:.6rem .8rem; border:1px dashed rgba(255,140,25,.45); border-radius:999px; color:#FFD6B3; background:rgba(16,35,63,.4); backdrop-filter:saturate(140%) blur(2px); }

/* Offers grid */
.offers{ padding:2rem 0; }
.offers__heading{ font-family:"Unbounded"; font-weight:700; font-size:1.75rem; color:#FFB066; text-align:center; margin-bottom:1rem; }
.offers__list{ display:grid; grid-template-columns:repeat(1, minmax(0,1fr)); gap:1rem; }
@media (max-width:767.98px){ .offers__list{ grid-template-columns:1fr; } }

/* Offer card - redesigned */
.offer-card{ position:relative;  gap:1rem; padding:1rem; border-radius:14px; background: linear-gradient(160deg, #0F1B31 0%, #0A1425 100%); border:1px solid rgba(120,170,255,.18); box-shadow: 0 10px 30px rgba(6,12,24,.6) inset, 0 10px 20px rgba(255,120,40,.05); outline:none; }
.offer-card--prime{ border-color:rgba(255,160,80,.45); box-shadow: 0 0 0 1px rgba(255,160,80,.25), 0 12px 30px rgba(255,140,25,.08); }
@media (max-width:767.98px){ .offer-card{ grid-template-columns:1fr; } }
.offer-card:focus-visible{ box-shadow:0 0 0 3px rgba(120,170,255,.5); }
.offer-card__brand{ display:flex; align-items:center; justify-content:space-between; gap:.75rem; flex-wrap:wrap; }

.offer-card__rating{ display:flex; align-items:center; gap:.5rem; }
.offer-card__score{ font-weight:800; color:#85B8FF; }
.offer-card__meta{ display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; }
@media (max-width:767.98px){ .offer-card__meta{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
.offer-card__meta-item{ display:flex; flex-direction:column; gap:.25rem; padding:.6rem .7rem; background:#0E1B33; border:1px solid rgba(120,170,255,.18); border-radius:10px; color:#fff;  }
.offer-card__bonus{ display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.8rem 1rem; border-radius:12px; background:linear-gradient(90deg, rgba(255,140,25,.25), rgba(255,140,25,.08)); color:#FFD6B3; border:1px solid rgba(255,160,80,.25); }
.offer-card__bonus-title{ font-weight:700; letter-spacing:.3px; }
.offer-card__bonus-value{ font-family:"Unbounded"; font-weight:700; color:#FFBE80; }
.offer-card__cta{ display:inline-flex; justify-content:center; align-items:center; padding:.9rem 1.1rem; border-radius:10px; color:#0B1220; background:linear-gradient(180deg, #FF9A3E 0%, #F57C1F 100%); box-shadow:0 6px 20px rgba(245,124,31,.25); font-weight:800; transition:transform .2s ease, box-shadow .2s ease; }
.offer-card__cta:hover{ transform:translateY(-1px); box-shadow:0 10px 24px rgba(245,124,31,.35); }

/* Content blocks */
.content{ padding:2rem 0; }
.content__heading{ font-family:"Unbounded"; font-size:1.6rem; color:#fff; margin:1.25rem 0 .5rem; font-weight: 600; }
.content__subheading{ font-weight:700; color:#FFB066; margin:.75rem 0 .25rem; }
.content__text{ color:#e5ecf9; margin:1rem 0; }
.content__list{ color:#fff; list-style:disc; padding-left:1.25rem; }
.content__list li{ margin:.35rem 0; }
.content__anchor{ color:#8FC1FF; text-decoration:underline; text-underline-offset:3px; }

/* Footer */
.footer{ border-top:1px solid rgba(120,170,255,.2); padding:2rem 0; }
.footer__links{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.footer__link{ color:#d4edb1; }
.footer__logos{ margin:1rem auto; display:flex; gap:1rem; flex-wrap:wrap; justify-content:center; }
.footer__logo{  display:block; background:#0F1B31; border:1px solid rgba(120,170,255,.18); border-radius:10px; padding:.5rem; }
.footer__disclaimer{ max-width:56rem; margin:0 auto; text-align:center; color:#94A7CC; font-size:.9rem; margin-top: 20px; }

/* Accessibility helpers */
:focus-visible{ outline:2px dashed #85B8FF; outline-offset:2px; }

/* Motion preferences */
@media (prefers-reduced-motion:no-preference){
  .offer-card{ animation:card-appear .5s ease both; }
}
@keyframes card-appear{ from{ opacity:0; transform:translateY(6px);} to{ opacity:1; transform:translateY(0);} }
.offer-card__meta-item{
  text-align: center;
}
.offer-card__meta-item strong{
  font-size: 14px;
}
.offer-card__logo{
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay{
  display:flex;
  justify-content: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.pay img{
  height: 14px;
 margin: 5px;
}
.offer-card__meta-item{
  word-break: break-all;
}
.bb .br{
  width: auto;
  height: 60px;
}
.fr{
  text-align: center;
}
.logo{
  display: block;
  margin: auto;
  width: 70px;

}
.footer__logo img{
  width: auto;
  height: 30px;
}
.bb{
padding: 5px;
}
.bb2{ 
 
}
.offer-card__brand{
  flex-wrap: nowrap;
}
.offer-card__brand .bb:nth-child(1) {
  width: 20%;
}

.offer-card__brand .bb:nth-child(2) {
  width: 40%;
}

.offer-card__brand .bb:nth-child(3) {
  width: 40%;
}

@media screen and (max-width:800px) {
  .offer-card__brand{
    justify-content: center;
  }
  .offer-card__brand{
  flex-wrap: wrap;
}
.offer-card__meta-item strong{
  font-size: 14px;
}
.offer-card {
  max-width: 360px;
  margin: auto;
}
.offer-card__brand .bb:nth-child(1) {
  width: 100%;
}

.offer-card__brand .bb:nth-child(2) {
  width: 100%;
}

.offer-card__brand .bb:nth-child(3) {
  width: 100%;
}
  
}
.offer-card__bonus{
  margin-bottom: 10px;
}
.offer-card__rating{
  text-align: center;
  justify-content: center;
}
.offer-card__meta{
  margin-bottom: 10px;
}
.offer-card__cta{
  width: 100%;
  text-align: center;
}
.offer-card__bonus-value{
color: #ccff66;
text-shadow:
  0 0 5px rgba(120, 255, 120, 0.9),
  0 0 15px rgba(100, 255, 180, 0.6),
  0 0 25px rgba(80, 255, 200, 0.4);
font-weight: 800;
letter-spacing: 0.5px;
}