/* ============================================
   УНИКАЛИЗАЦИЯ ПРОЕКТА: jaenofertas.com
   CSS АРХИТЕКТУРА: BEM
   ПАЛИТРА: Luxury (gold/velvet/cream)
   ЭФФЕКТ: Gradient Mesh
   ТИПОГРАФИКА: Playfair Display + Lato (Elegant Serif)
   КНОПКИ: Outline Morph
   ============================================ */

:root {
    --luxury-gold: #d4af37;
    --velvet-black: #1c1c1c;
    --diamond-white: #f8f8ff;
    --royal-purple: #6a0dad;
    --platinum-silver: #e5e4e2;
    --silk-cream: #fff7e6;

    --text-main: #ececf1;
    --text-dim: #c6c6cc;
    --danger-color: #c62828;
    --success-color: #2e7d32;
}

html, body { overflow-x: hidden !important; box-sizing: border-box !important; }
*, *::before, *::after { box-sizing: inherit; }
body {
    margin: 0;
    color: var(--text-main);
    background:
        radial-gradient(30% 40% at 20% 20%, rgba(212,175,55,0.12), transparent 60%),
        radial-gradient(30% 40% at 80% 70%, rgba(106,13,173,0.12), transparent 60%),
        linear-gradient(180deg, #0f0f12 0%, #15151a 60%, #0f0f12 100%);
    font-family: 'Lato', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.c-badge { display: inline-block; margin-left: .5rem; padding: .15rem .5rem; border-radius: 10px; font-size: .7rem; background: var(--success-color); color: #fff; }
.c-badge--free { animation: pulse 2.5s infinite; }

.c-header { position: sticky; top: 0; z-index: 1000; background: rgba(12,12,14,0.7); backdrop-filter: blur(8px); border-bottom: 1px solid rgba(229,228,226,0.08); }
.c-header__bar { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: .75rem 1rem; }
.c-header__brand { color: var(--diamond-white); text-decoration: none; font-weight: 800; letter-spacing: .5px; }

.c-nav__list { list-style: none; display: flex; gap: 1rem; margin: 0; padding: 0; }
.c-nav__link { color: var(--text-main); text-decoration: none; padding: .5rem .75rem; border-radius: 10px; }
.c-nav__link--cta { border: 2px solid var(--luxury-gold); color: var(--luxury-gold); }

.c-burger { display: none; background: var(--royal-purple); color: #fff; border: 0; padding: .5rem .6rem; border-radius: 8px; }
.c-mobile { display: none; list-style: none; margin: 0; padding: .5rem 1rem 1rem; background: #0f0f12; border-bottom: 1px solid rgba(229,228,226,0.08); }
.c-mobile__link { display: block; padding: .6rem 0; color: var(--text-main); text-decoration: none; }

.c-hero { padding: 120px 1rem 3rem; background:
    radial-gradient(60% 80% at 10% 10%, rgba(212,175,55,0.18), transparent 60%),
    radial-gradient(60% 80% at 90% 80%, rgba(106,13,173,0.18), transparent 60%);
}
.c-hero__content { max-width: 1000px; margin: 0 auto; text-align: center; }
.c-hero__title { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(2rem, 5vw, 3.2rem); margin: 0 0 .5rem; }
.c-hero__subtitle { color: var(--text-dim); margin: 0 0 1.25rem; }
.c-hero__actions { display: flex; gap: .75rem; justify-content: center; }

.c-btn { display: inline-block; padding: .8rem 1.1rem; border-radius: 14px; text-decoration: none; font-weight: 700; letter-spacing: .3px; }
.c-btn--primary { background: var(--luxury-gold); color: #111; border: 2px solid var(--luxury-gold); }
.c-btn--outline { background: transparent; color: var(--luxury-gold); border: 2px solid var(--luxury-gold); position: relative; z-index: 0; }
.c-btn--outline::before { content: ""; position: absolute; inset: 0; background: var(--luxury-gold); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; z-index: -1; }
.c-btn--outline:hover { color: #111; }
.c-btn--outline:hover::before { transform: scaleX(1); }

.c-benefits { padding: 2rem 1rem; }
.c-benefits__grid { max-width: 1200px; margin: 0 auto; display: flex; gap: clamp(1rem, 3vw, 2rem); justify-content: center; flex-wrap: wrap; }
.c-card { background: rgba(255,255,255,0.02); border: 1px solid rgba(229,228,226,0.08); border-radius: 16px; padding: 1rem 1.25rem; box-shadow: 10px 10px 0 rgba(0,0,0,0.5); }
.c-card__title { margin: 0 0 .35rem; font-weight: 800; }
.c-card__text { margin: 0; color: var(--text-dim); }

.c-section__title { text-align: center; margin: 0 0 1rem; font-family: 'Playfair Display', Georgia, serif; }

.c-games { padding: 2rem 1rem; }
.c-games__row { display: flex; justify-content: center; align-items: stretch; gap: clamp(1rem, 3vw, 2rem); flex-wrap: wrap; max-width: 1200px; margin: 0 auto; }
.c-game { flex: 0 0 auto; width: clamp(280px, 25vw, 350px); max-width: 350px; min-width: 280px; background: rgba(255,255,255,0.03); border: 1px solid rgba(229,228,226,0.08); border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; }
.c-game__icon { width: 100%; height: 256px; object-fit: cover; background: #0d0d0f; }
.c-game__info { padding: 1rem; display: flex; flex-direction: column; gap: .5rem; }
.c-game__title { margin: 0; }
.c-game__desc { margin: 0 0 .5rem; color: var(--text-dim); }

.c-faq { padding: 2rem 1rem; max-width: 900px; margin: 0 auto; }
.c-faq__item { background: rgba(255,255,255,0.02); border: 1px solid rgba(229,228,226,0.08); border-radius: 12px; padding: .8rem 1rem; margin: .5rem 0; }

.c-disclaimer { padding: 2rem 1rem; }
.c-disclaimer__inner { background: rgba(198,40,40,0.08); border: 1px solid rgba(198,40,40,0.35); border-radius: 14px; max-width: 1100px; margin: 0 auto; padding: 1rem 1.25rem; }
.c-disclaimer__badges, .c-disclaimer__badges .c-tag { display: inline-flex; gap: .5rem; }
.c-tag { background: rgba(212,175,55,0.15); color: var(--luxury-gold); border: 1px solid rgba(212,175,55,0.4); padding: .35rem .6rem; border-radius: 999px; font-weight: 700; }

.c-footer { padding: 2rem 1rem; border-top: 1px solid rgba(229,228,226,0.08); background: #0f0f12; }
.c-footer__grid { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 2fr 2fr 1fr; gap: 1rem; }
.c-footer__title { margin: 0 0 .5rem; font-family: 'Playfair Display', Georgia, serif; }
.c-footer__nav { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-content: start; }
.c-footer__nav a { color: var(--text-main); text-decoration: none; }
.c-complink { display: inline-block; margin-right: .5rem; }
.c-complogo { height: 35px !important; width: auto !important; background: #fff; border-radius: 8px; padding: 6px; object-fit: contain; border: 1px solid var(--platinum-silver); }
.c-18plus { display: inline-block; padding: .2rem .45rem; border-radius: 8px; background: #111; border: 1px solid rgba(229,228,226,0.18); }

.c-age { position: fixed; inset: 0; background: rgba(0,0,0,0.6); display: grid; place-items: center; z-index: 2000; }
.c-age__dialog { background: #111; padding: 1rem 1.25rem; border-radius: 14px; border: 1px solid rgba(229,228,226,0.1); }

.c-cookie { position: fixed; right: 20px; bottom: 20px; max-width: 350px; background: linear-gradient(135deg, #0f0f12 0%, #1b1b20 100%); border: 2px solid var(--luxury-gold); border-radius: 15px; padding: 1rem; z-index: 9999; display: none; }
.c-cookie p { margin: 0 0 .6rem; }
.c-cookie a { color: var(--luxury-gold); }

@media (max-width: 900px) {
    .c-burger { display: inline-block; }
    .c-nav__list { display: none; }
    .c-mobile { display: block; }
}

@keyframes pulse { 0%,100%{ transform: scale(1);} 50%{ transform: scale(1.06);} }