:root{
--color-bg:#FAF6EC;
--color-bg-secondary:#EFE8DA;
--color-card:#FFFDF8;
--color-text:#2B2A27;
--color-accent:#697653;
--color-accent-hover:#53613F;
--color-accent2:#C87355;
--color-border:#DDD2C1;
--color-text-secondary:#7F786E;
--radius:14px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:"Trebuchet MS",Georgia,serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;}
h1,h2,h3,h4{margin:0 0 .5em;font-weight:600;}
p{margin:0 0 1em;color:var(--color-text-secondary);}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:8px;font-weight:600;font-size:.94rem;border:1px solid transparent;cursor:pointer;}
.btn--olive{background:var(--color-accent);color:#fff;}
.btn--olive:hover{background:var(--color-accent-hover);}
.btn--terracotta{background:var(--color-accent2);color:#fff;}
.btn--outline{border-color:var(--color-accent);color:var(--color-accent);background:transparent;}
.btn--text{background:none;color:var(--color-accent);border-bottom:1px solid var(--color-accent);border-radius:0;padding:0;}
.btn--lg{padding:14px 30px;}
.btn--block{width:100%;justify-content:center;}

.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:20;}
.header__row{display:flex;align-items:center;justify-content:space-between;height:80px;gap:24px;}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;}
.brand img{border-radius:50%;}
.brand__name b{color:var(--color-accent);}
.nav{display:flex;gap:26px;flex:1;justify-content:center;}
.nav a{color:var(--color-text-secondary);font-size:.92rem;}
.nav a:hover{color:var(--color-accent);}
.header__actions{display:flex;gap:12px;}

.hero{padding:56px 0 30px;background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.88),transparent 55%),radial-gradient(ellipse at 85% 10%,rgba(200,115,85,.12),transparent 60%),linear-gradient(180deg,rgba(250,246,238,.86),rgba(250,246,238,.72) 70%),url("../img/banners/hero-1.webp") center/cover no-repeat,linear-gradient(180deg,var(--color-bg-secondary),var(--color-bg) 70%);}
.hero__row{display:grid;grid-template-columns:1.4fr 1fr;gap:44px;align-items:start;}
.hero h1{font-size:2.6rem;}
.hero__lead{max-width:48ch;font-size:1.02rem;}
.hero__cta{display:flex;align-items:center;gap:20px;margin-top:22px;flex-wrap:wrap;}
.hero__bonus{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:8px;}
.hero__bonus-label{color:var(--color-accent2);text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;}
.hero__bonus-value{font-size:1.6rem;font-weight:700;}
.hero__bonus-note{color:var(--color-text-secondary);margin-bottom:10px;}
.hero__terms{text-align:center;color:var(--color-text-secondary);font-size:.78rem;margin-top:8px;}

.promo{padding:0 0 40px;}
.promo__row{background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius);padding:22px 30px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;position:relative;}
.promo__icon{width:40px;height:40px;border-radius:50%;background:var(--color-accent);flex:none;}
.promo__copy{display:flex;flex-direction:column;min-width:180px;}
.promo__label{font-weight:700;}
.promo__note{color:var(--color-text-secondary);font-size:.85rem;}
.promo__code-wrap{display:flex;align-items:center;gap:16px;margin-left:auto;position:relative;}
.promo__code{font-size:1.5rem;font-weight:800;letter-spacing:.08em;color:var(--color-text);}
.promo__copy-btn{background:var(--color-accent);color:#fff;border:none;padding:11px 20px;border-radius:8px;font-weight:700;cursor:pointer;}
.promo__tooltip{position:absolute;top:-38px;right:0;background:var(--color-text);color:#fff;padding:6px 12px;border-radius:6px;font-size:.78rem;}
.promo__tooltip[hidden]{display:none;}
.promo__hint{text-align:center;color:var(--color-text-secondary);font-size:.82rem;margin-top:14px;}

.why{padding:50px 0;}
.why h2,.slots h2,.offers h2{font-size:1.6rem;text-align:center;}
.why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:30px;}
.why-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:22px;text-align:center;}
.why-icon{display:block;width:44px;height:44px;border-radius:50%;background:var(--color-bg-secondary);margin:0 auto 12px;background-repeat:no-repeat;background-position:center;background-size:24px 24px;}
.why-icon--game{background-image:url("../img/ui/icon-game.webp");}
.why-icon--gift{background-image:url("../img/ui/icon-gift.webp");}
.why-icon--pay{background-image:url("../img/ui/icon-pay.webp");}
.why-icon--shield{background-image:url("../img/ui/icon-shield.webp");}
.why-icon--support{background-image:url("../img/ui/icon-support.webp");}
.why-card h3{font-size:.94rem;}
.why-card p{font-size:.8rem;}

.slots{padding:20px 0 60px;}
.section__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:26px;}
.link-arrow{color:var(--color-accent2);font-size:.85rem;}
.slot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.slot-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;position:relative;}
.slot-card__fav{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.85);z-index:2;}
.slot-card__media{aspect-ratio:1/1;overflow:hidden;}
.slot-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.slot-card__body{padding:10px 12px 14px;}
.slot-card__title{font-weight:700;font-size:.84rem;}
.slot-card__provider{color:var(--color-text-secondary);font-size:.72rem;}
.slot-card__actions{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(250,246,236,.92);opacity:0;transition:opacity .2s;}
.slot-card:hover .slot-card__actions{opacity:1;}
.slot-card__btn{padding:8px 16px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--color-accent);color:#fff;}

.offers{padding:20px 0 60px;}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;}
.offer-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:8px;}
.offer-card__tag{color:var(--color-accent2);text-transform:uppercase;font-size:.7rem;letter-spacing:.06em;}
.offer-card__value{font-weight:700;font-size:1.15rem;}
.offer-card__link{color:var(--color-accent);font-size:.85rem;margin-top:4px;}

.seo{background:var(--color-bg-secondary);padding:64px 0;}
.seo__wrap{max-width:860px;margin:0 auto;}
.seo h2{font-size:1.6rem;text-align:center;}
.seo h3{color:var(--color-accent2);font-size:1.1rem;margin-top:1.6em;}
.seo h4{font-size:1rem;margin-top:1.2em;}

.bottom-zone{padding:60px 0 80px;}
.bottom-zone__row{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.bottom-zone__cta{display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:radial-gradient(circle at 25% 20%,rgba(105,118,83,.14),transparent 60%),radial-gradient(circle at 80% 85%,rgba(200,115,85,.12),transparent 55%),linear-gradient(160deg,rgba(255,253,248,.9),rgba(255,253,248,.78)),url("../img/banners/cta-bg.webp") center/cover no-repeat,var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px;}
.bottom-zone__title{font-size:1.3rem;font-weight:700;}
.bottom-zone__note{color:var(--color-text-secondary);font-size:.9rem;}
.bottom-zone__faq{display:flex;flex-direction:column;gap:10px;}
.accordion__item{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;padding:14px 18px;}
.accordion__item summary{cursor:pointer;font-weight:600;list-style:none;}
.accordion__item summary::-webkit-details-marker{display:none;}
.accordion__item p{margin:10px 0 0;}

.site-footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:40px 0 22px;}
.footer__grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:20px;padding-bottom:20px;}
.footer__brand{display:flex;align-items:center;gap:10px;font-weight:700;}
.footer__brand img{border-radius:50%;}
.footer__col{display:flex;flex-direction:column;gap:8px;}
.footer__title{font-weight:700;font-size:.8rem;text-transform:uppercase;color:var(--color-accent);margin-bottom:4px;}
.footer__col a{color:var(--color-text-secondary);font-size:.86rem;}
.footer__legal{border-top:1px solid var(--color-border);padding-top:16px;color:var(--color-text-secondary);font-size:.78rem;}

@media (max-width:960px){
.nav{display:none;}
.hero__row{grid-template-columns:1fr;}
.why-grid{grid-template-columns:repeat(2,1fr);}
.slot-grid{grid-template-columns:repeat(3,1fr);}
.offer-grid{grid-template-columns:1fr;}
.footer__grid{grid-template-columns:1fr 1fr;}
.bottom-zone__row{grid-template-columns:1fr;}
.promo__row{flex-direction:column;align-items:flex-start;}
.promo__code-wrap{margin-left:0;}
}
@media (max-width:560px){
.slot-grid{grid-template-columns:repeat(2,1fr);}
.hero h1{font-size:2rem;}
header .btn.btn--olive {display: none;}
}