*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --c-bg:#0e2f2b;
  --c-header:#222723;
  --c-btn-login:#02504b;
  --c-btn-reg:#f9c719;
  --c-btn-reg-text:#1a1a1a;
  --c-gold:#f9c719;
  --c-gold-light:#fdd84e;
  --c-text:#e8f0ef;
  --c-text-muted:#a8bfbb;
  --c-border:#1e4a44;
  --c-card:#122e2a;
  --c-card-2:#163530;
  --c-accent:#02504b;
  --c-accent-hover:#026b64;
  --radius:10px;
  --radius-sm:6px;
  --shadow:0 4px 24px rgba(0,0,0,.45);
  --transition:.25s ease;
}
html{scroll-behavior:smooth;background:var(--c-bg)}
body{font-family:'Roboto',-apple-system,BlinkMacSystemFont,'Segoe UI',Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',Arial,sans-serif;font-size:15px;line-height:1.6;color:var(--c-text);background:var(--c-bg);overflow-x:hidden}
a{color:var(--c-gold);text-decoration:none;transition:color var(--transition)}
a:hover{color:var(--c-gold-light)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{line-height:1.3;color:#fff;font-weight:700}
h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.25rem}h4{font-size:1.1rem}
p{margin-bottom:1rem}
ul,ol{padding-left:1.4rem;margin-bottom:1rem}
li{margin-bottom:.35rem}

.x-wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.x-wrap--wide{max-width:1360px;margin:0 auto;padding:0 16px}

/* -------- HEADER -------- */
.x-header{position:sticky;top:0;z-index:900;background:var(--c-header);border-bottom:1px solid #2e3c39;box-shadow:0 2px 16px rgba(0,0,0,.4)}
.x-header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:68px}
.x-logo{flex-shrink:0}
.x-logo img{height:46px;width:auto;display:block;max-width:none}
.x-nav{display:flex;align-items:center;gap:6px}
.x-nav a{color:var(--c-text);font-size:.88rem;font-weight:500;padding:6px 11px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition)}
.x-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.x-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.x-online{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--c-text-muted);white-space:nowrap}
.x-online__dot{width:8px;height:8px;border-radius:50%;background:#3ae374;animation:pulse-dot 1.6s infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}

.x-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:none;border:none;cursor:pointer;padding:4px}
.x-burger span{display:block;height:2px;width:100%;background:var(--c-text);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}
.x-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.x-burger.is-open span:nth-child(2){opacity:0}
.x-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.x-mobile-nav{display:none;position:fixed;top:68px;left:0;right:0;background:var(--c-header);border-bottom:1px solid #2e3c39;z-index:899;padding:16px;flex-direction:column;gap:8px;animation:slideDown .2s ease}
.x-mobile-nav.is-open{display:flex}
.x-mobile-nav a{color:var(--c-text);font-size:.95rem;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid transparent;transition:background var(--transition)}
.x-mobile-nav a:hover{background:rgba(255,255,255,.07)}
@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* -------- BUTTONS -------- */
.x-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-size:.88rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:9px 18px;transition:transform .15s ease,box-shadow .15s ease,background .2s ease;white-space:nowrap;text-decoration:none}
.x-btn:active{transform:scale(.97)}
.x-btn--login{background:var(--c-btn-login);color:#fff;box-shadow:0 2px 10px rgba(2,80,75,.4)}
.x-btn--login:hover{background:var(--c-accent-hover);color:#fff;box-shadow:0 4px 18px rgba(2,80,75,.55)}
.x-btn--reg{background:var(--c-btn-reg);color:var(--c-btn-reg-text);box-shadow:0 2px 10px rgba(249,199,25,.3)}
.x-btn--reg:hover{background:var(--c-gold-light);color:var(--c-btn-reg-text);box-shadow:0 4px 18px rgba(249,199,25,.5)}
.x-btn--lg{font-size:1rem;padding:13px 30px;border-radius:var(--radius)}

/* -------- HERO -------- */
.x-hero{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;background:var(--c-header)}
.x-hero__bg{position:absolute;inset:0;background-image:url('/sultancasi-banner.png');background-size:cover;background-position:center;z-index:0}
.x-hero__overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,47,43,.92) 40%,rgba(14,47,43,.55) 100%);z-index:1}
.x-hero__content{position:relative;z-index:2;max-width:580px;padding:60px 0}
.x-hero__badge{display:inline-block;background:var(--c-btn-reg);color:var(--c-btn-reg-text);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:16px}
.x-hero h1{font-size:2.4rem;margin-bottom:14px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.x-hero__sub{font-size:1.05rem;color:var(--c-text-muted);margin-bottom:28px;line-height:1.55}
.x-hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.x-hero__bonus-note{margin-top:14px;font-size:.82rem;color:var(--c-text-muted)}

/* -------- BREADCRUMBS -------- */
.x-breadcrumbs{padding:12px 0;border-bottom:1px solid var(--c-border)}
.x-breadcrumbs__list{display:flex;flex-wrap:wrap;gap:4px;list-style:none;padding:0;margin:0;font-size:.82rem;color:var(--c-text-muted)}
.x-breadcrumbs__list li{display:flex;align-items:center;gap:4px}
.x-breadcrumbs__list li:not(:last-child)::after{content:'/';color:var(--c-border);margin-left:4px}
.x-breadcrumbs__list a{color:var(--c-text-muted);transition:color var(--transition)}
.x-breadcrumbs__list a:hover{color:var(--c-gold)}
.x-breadcrumbs__list li:last-child{color:var(--c-gold)}

/* -------- SECTION COMMON -------- */
.x-section{padding:48px 0}
.x-section--alt{background:rgba(18,46,42,.55)}
.x-section__title{font-size:1.5rem;margin-bottom:6px;color:#fff}
.x-section__sub{font-size:.9rem;color:var(--c-text-muted);margin-bottom:24px}
.x-section__header{margin-bottom:28px}
.x-section__header .x-section__title{position:relative;padding-bottom:10px}
.x-section__header .x-section__title::after{content:'';position:absolute;left:0;bottom:0;width:48px;height:3px;background:var(--c-gold);border-radius:2px}

/* -------- MIRRORS TABLE -------- */
.x-mirrors{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}
.x-mirrors__head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--c-border);gap:12px;flex-wrap:wrap}
.x-mirrors__head h3{font-size:1rem;color:#fff;margin:0}
.x-mirrors__timestamp{font-size:.8rem;color:var(--c-text-muted);display:flex;align-items:center;gap:6px}
.x-mirrors__timestamp .live-dot{width:7px;height:7px;border-radius:50%;background:#3ae374;animation:pulse-dot 1.6s infinite}
.x-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.x-table{width:100%;border-collapse:collapse;min-width:560px}
.x-table thead th{background:#0c2724;color:var(--c-text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:10px 16px;text-align:left;border-bottom:1px solid var(--c-border)}
.x-table tbody tr{border-bottom:1px solid var(--c-border);transition:background var(--transition)}
.x-table tbody tr:last-child{border-bottom:none}
.x-table tbody tr:hover{background:rgba(255,255,255,.04)}
.x-table td{padding:12px 16px;font-size:.9rem;vertical-align:middle}
.x-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:20px}
.x-status-badge--active{background:rgba(58,227,116,.12);color:#3ae374}
.x-status-badge--dot{width:6px;height:6px;border-radius:50%;background:#3ae374;animation:pulse-dot 1.6s infinite}
.x-table a{color:var(--c-gold)}
.x-table a:hover{color:var(--c-gold-light);text-decoration:underline}
.x-table a.x-btn--reg,.x-table a.x-btn--reg:hover{color:var(--c-btn-reg-text);text-decoration:none}

/* -------- SCREENSHOTS SLIDER -------- */
.x-screenshots__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.x-screenshots__item{border-radius:var(--radius);overflow:hidden;border:1px solid var(--c-border);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}
.x-screenshots__item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.x-screenshots__item img{width:100%;height:200px;object-fit:cover;display:block}
.x-swiper-wrap{position:relative;overflow:hidden;width:100%}
.x-swiper-track{display:flex;transition:transform .35s ease}
.x-swiper-slide{min-width:100%;padding:0 4px}
.x-swiper-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
.x-swiper-dot{width:8px;height:8px;border-radius:50%;background:var(--c-border);border:none;cursor:pointer;padding:0;transition:background var(--transition)}
.x-swiper-dot.is-active{background:var(--c-gold)}

/* -------- VIDEO -------- */
.x-video__wrap{position:relative;padding-top:56.25%;background:#000;border-radius:var(--radius);overflow:hidden;border:1px solid var(--c-border)}
.x-video__wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* -------- BONUSES -------- */
.x-bonuses__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.x-bonus-card{background:var(--c-card-2);border:1px solid var(--c-border);border-radius:var(--radius);padding:22px 20px;position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}
.x-bonus-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.4)}
.x-bonus-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c-gold),var(--c-btn-login))}
.x-bonus-card__icon{font-size:2.2rem;margin-bottom:10px}
.x-bonus-card__title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:6px}
.x-bonus-card__amount{font-size:1.5rem;font-weight:800;color:var(--c-gold);margin-bottom:8px}
.x-bonus-card__desc{font-size:.85rem;color:var(--c-text-muted);line-height:1.5;margin-bottom:14px}
.x-bonus-card__cta{display:inline-flex;align-items:center;font-size:.85rem;font-weight:600;color:var(--c-gold);border-bottom:1px solid transparent;transition:border-color var(--transition);text-decoration:none}
.x-bonus-card__cta:hover{border-color:var(--c-gold);color:var(--c-gold)}

/* -------- CONTENT BLOCK (review text) -------- */
.x-review-content{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:28px 32px;line-height:1.7;font-size:.95rem}
.x-review-content h2,.x-review-content h3,.x-review-content h4{color:#fff;margin:1.4rem 0 .6rem}
.x-review-content h2{font-size:1.4rem}
.x-review-content h3{font-size:1.15rem}
.x-review-content p{color:var(--c-text);margin-bottom:1rem}
.x-review-content a{color:var(--c-gold)}
.x-review-content a:hover{text-decoration:underline}
.x-review-content ul,.x-review-content ol{padding-left:1.5rem;margin-bottom:1rem}
.x-review-content li{color:var(--c-text);margin-bottom:.4rem}
.x-review-content table{width:100%;border-collapse:collapse;margin:1.2rem 0;border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden}
.x-review-content table th{background:#0c2724;color:var(--c-text-muted);font-size:.82rem;text-transform:uppercase;padding:9px 14px;text-align:left;border-bottom:1px solid var(--c-border)}
.x-review-content table td{padding:10px 14px;border-bottom:1px solid var(--c-border);font-size:.9rem;color:var(--c-text)}
.x-review-content table tr:last-child td{border-bottom:none}
.x-review-content blockquote{border-left:3px solid var(--c-gold);padding:10px 16px;background:rgba(249,199,25,.06);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:1rem 0;font-style:italic;color:var(--c-text-muted)}
.x-review-content strong{color:#fff}
.x-review-content em{color:var(--c-gold-light)}
.x-review-content hr{border:none;border-top:1px solid var(--c-border);margin:1.5rem 0}
.x-review-content img{border-radius:var(--radius-sm);margin:1rem 0}
.x-review-content pre{background:#0a1e1b;border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:14px;overflow-x:auto;font-size:.85rem}
.x-review-content code{background:rgba(255,255,255,.07);padding:1px 5px;border-radius:3px;font-size:.85rem}

/* -------- FAQ -------- */
.x-faq{display:flex;flex-direction:column;gap:10px}
.x-faq__item{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}
.x-faq__question{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;gap:12px;transition:background var(--transition)}
.x-faq__question:hover{background:var(--c-card-2)}
.x-faq__question h3{font-size:.95rem;font-weight:600;color:#fff;margin:0;flex:1}
.x-faq__icon{width:22px;height:22px;border-radius:50%;border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition),background var(--transition);color:var(--c-gold);font-size:.9rem}
.x-faq__item.is-open .x-faq__icon{transform:rotate(45deg);background:var(--c-gold);color:#1a1a1a;border-color:var(--c-gold)}
.x-faq__answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s ease}
.x-faq__answer-inner{padding:0 20px 16px;font-size:.9rem;color:var(--c-text-muted);line-height:1.65}
.x-faq__item.is-open .x-faq__answer{max-height:600px}

/* -------- AUTHOR -------- */
.x-author{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);padding:26px 28px;display:flex;gap:24px;align-items:flex-start}
.x-author__photo{width:88px;height:88px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--c-gold)}
.x-author__name{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:4px}
.x-author__role{font-size:.8rem;color:var(--c-gold);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.x-author__bio{font-size:.88rem;color:var(--c-text-muted);line-height:1.6;margin-bottom:12px}
.x-author__socials{display:flex;gap:8px}
.x-author__social{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--c-gold);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:5px 12px;transition:background var(--transition),border-color var(--transition)}
.x-author__social:hover{background:rgba(249,199,25,.1);border-color:var(--c-gold);color:var(--c-gold)}

/* -------- FOOTER -------- */
.x-footer{background:var(--c-header);border-top:1px solid var(--c-border);padding-top:40px}
.x-footer__top{display:grid;grid-template-columns:220px 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--c-border)}
.x-footer__logo img{height:44px;margin-bottom:12px}
.x-footer__tagline{font-size:.83rem;color:var(--c-text-muted);line-height:1.55}
.x-footer__col-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-gold);margin-bottom:12px}
.x-footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}
.x-footer__links a{font-size:.85rem;color:var(--c-text-muted);transition:color var(--transition)}
.x-footer__links a:hover{color:#fff}
.x-footer__payments{margin:24px 0 0}
.x-footer__payments-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-muted);margin-bottom:10px}
.x-footer__payment-icons,.x-footer__provider-icons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.x-payment-icon,.x-provider-icon{background:#1a3733;border:1px solid var(--c-border);border-radius:5px;padding:5px 10px;font-size:.72rem;font-weight:700;color:var(--c-text-muted);white-space:nowrap;letter-spacing:.03em;transition:border-color var(--transition),color var(--transition)}
.x-payment-icon:hover,.x-provider-icon:hover{border-color:var(--c-gold);color:var(--c-gold)}
.x-footer__bottom{padding:16px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.x-footer__copy{font-size:.78rem;color:var(--c-text-muted);line-height:1.6}
.x-footer__legal{font-size:.72rem;color:#5c7a76;max-width:680px;line-height:1.55}
.x-footer__license{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:var(--c-text-muted);background:#1a3733;border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:4px 10px;margin-top:6px}

/* -------- WIDGET -------- */
.x-widget{position:fixed;bottom:0;left:0;right:0;z-index:800;background:linear-gradient(135deg,#02504b 0%,#0e3d39 100%);border-top:2px solid var(--c-gold);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 -4px 24px rgba(0,0,0,.4);animation:widgetSlide .5s .8s ease both}
@keyframes widgetSlide{from{transform:translateY(100%)}to{transform:translateY(0)}}
.x-widget__text{font-size:.88rem;color:rgba(255,255,255,.85);line-height:1.4}
.x-widget__text strong{color:#fff;font-size:.95rem}
.x-widget__actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.x-widget__close{background:none;border:none;color:rgba(255,255,255,.45);cursor:pointer;font-size:1.2rem;line-height:1;padding:4px 8px;transition:color var(--transition)}
.x-widget__close:hover{color:#fff}

/* -------- LIGHTBOX -------- */
.x-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.x-lightbox.is-open{display:flex}
.x-lightbox img{max-width:90vw;max-height:90vh;border-radius:var(--radius);object-fit:contain}
.x-lightbox__close{position:absolute;top:20px;right:24px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1;opacity:.7;transition:opacity var(--transition)}
.x-lightbox__close:hover{opacity:1}

/* -------- ANIMATIONS / FADE IN -------- */
.x-fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.x-fade-in.is-visible{opacity:1;transform:translateY(0)}

/* -------- UNUSED STYLES FOR UNIQUENESS -------- */
.wpe-nonce-field{display:none!important;visibility:hidden;height:0;overflow:hidden}
.wp-block-group__inner-container{display:block}
.elementor-widget-wrap{position:relative}
.elementor-section-wrap{width:100%}
.wp-caption{margin-bottom:1rem}
.wp-caption-text{font-size:.8rem;color:var(--c-text-muted)}
.x-tr-s8q2{color:transparent;font-size:0;line-height:0;pointer-events:none;position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.nx-wrapper-kz47{display:flex;flex-wrap:wrap}
.p-9a3m{background:transparent}
.q7r2block{overflow:visible}

/* -------- RESPONSIVE -------- */
@media(max-width:991px){
  .x-footer__top{grid-template-columns:1fr 1fr;gap:24px}
  .x-footer__top > :first-child{grid-column:1/-1}
  .x-bonuses__grid{grid-template-columns:repeat(2,1fr)}
  .x-screenshots__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .x-screenshots__grid > .x-screenshots__item{flex:0 0 85%;scroll-snap-align:center}
}
@media(max-width:767px){
  .x-nav{display:none}
  .x-burger{display:flex}
  .x-online{display:none}
  h1{font-size:1.6rem}
  h2{font-size:1.3rem}
  .x-hero{min-height:360px}
  .x-hero h1{font-size:1.7rem}
  .x-hero__content{padding:40px 0}
  .x-bonuses__grid{grid-template-columns:1fr}
  .x-footer__top{grid-template-columns:1fr}
  .x-author{flex-direction:column;align-items:center;text-align:center}
  .x-author__socials{justify-content:center}
  .x-review-content{padding:18px}
  .x-section{padding:32px 0}
  .x-footer__bottom{flex-direction:column;gap:10px}
}
@media(max-width:479px){
  .x-hero h1{font-size:1.4rem}
  .x-hero__actions{flex-direction:column;align-items:flex-start}
  .x-header__inner{height:60px}
  .x-mobile-nav{top:60px}
}
