*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --clr-bg: #323234;
  --clr-header: #000000;
  --clr-footer: #000000;
  --clr-teal: #00fbc8;
  --clr-red: #ff2e09;
  --clr-text: #e8e8e8;
  --clr-text-muted: #a0a0a8;
  --clr-card: #2a2a2c;
  --clr-card-border: #3e3e42;
  --clr-teal-dark: #00d4a8;
  --clr-red-dark: #d42600;
  --radius: 10px;
  --radius-sm: 6px;
  --shadow: 0 4px 24px rgba(0,0,0,0.45);
  --transition: 0.22s ease;
}
html { scroll-behavior: smooth; background: var(--clr-bg); }
body { font-family: 'PT Sans', sans-serif; background: var(--clr-bg); color: var(--clr-text); line-height: 1.6; font-size: 16px; overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--clr-teal); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--clr-teal-dark); }

.x9f2a { display: none; }
.wp-site-blocks { display: block; }
.entry-content { display: block; }
#wpadminbar { display: none !important; }
.screen-reader-text { display: none; }
.wp-block-group { display: block; }

.k7r3m { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.b4n8q { display: flex; align-items: center; }
.j6p1w { flex: 1; }

.z5t9k { background: var(--clr-header); position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 16px rgba(0,0,0,0.6); }
.z5t9k .k7r3m { display: flex; align-items: center; justify-content: space-between; padding-top: 12px; padding-bottom: 12px; gap: 16px; }
.m2x8v img { height: 40px; width: auto; }
.m2x8v { flex-shrink: 0; }

.q4c7n { display: flex; align-items: center; gap: 20px; }
.q4c7n a { color: var(--clr-text); font-size: 14px; font-weight: 600; letter-spacing: 0.03em; padding: 4px 0; border-bottom: 2px solid transparent; transition: border-color var(--transition), color var(--transition); text-transform: uppercase; }
.q4c7n a:hover { color: var(--clr-teal); border-bottom-color: var(--clr-teal); }

.h3d5r { display: flex; align-items: center; gap: 10px; }

.btn { display: inline-flex; align-items: center; justify-content: center; padding: 9px 20px; border-radius: var(--radius-sm); font-family: 'PT Sans', sans-serif; font-size: 14px; font-weight: 700; cursor: pointer; border: none; transition: transform var(--transition), box-shadow var(--transition), background var(--transition); white-space: nowrap; text-decoration: none; }
.btn:hover { transform: translateY(-2px); }
.btn-login { background: var(--clr-teal); color: #000; }
.btn-login:hover { background: var(--clr-teal-dark); color: #000; box-shadow: 0 4px 16px rgba(0,251,200,0.35); }
.btn-signup { background: var(--clr-red); color: #fff; }
.btn-signup:hover { background: var(--clr-red-dark); color: #fff; box-shadow: 0 4px 16px rgba(255,46,9,0.35); }
.btn-lg { padding: 14px 36px; font-size: 17px; border-radius: var(--radius); }

.y7m3p { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--clr-text-muted); white-space: nowrap; }
.y7m3p .n1b6z { display: inline-block; width: 8px; height: 8px; background: var(--clr-teal); border-radius: 50%; animation: v9pulse 1.6s infinite; flex-shrink: 0; }
@keyframes v9pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }

.e8w4j { display: none; background: none; border: none; cursor: pointer; flex-direction: column; gap: 5px; padding: 4px; z-index: 1100; }
.e8w4j span { display: block; width: 24px; height: 2px; background: var(--clr-text); border-radius: 2px; transition: transform var(--transition), opacity var(--transition); }
.e8w4j.r5k2q span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.e8w4j.r5k2q span:nth-child(2) { opacity: 0; }
.e8w4j.r5k2q span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.t3n7v { position: fixed; inset: 0; background: rgba(0,0,0,0.97); z-index: 999; flex-direction: column; align-items: center; justify-content: center; gap: 28px; display: none; }
.t3n7v.c6q1p { display: flex; }
.t3n7v a { color: var(--clr-text); font-size: 22px; font-weight: 700; text-transform: uppercase; }
.t3n7v a:hover { color: var(--clr-teal); }
.t3n7v .h3d5r { flex-direction: column; gap: 14px; margin-top: 10px; }
.t3n7v .btn { width: 200px; justify-content: center; font-size: 16px; padding: 12px 24px; color: #000;}

.s2f8y { position: relative; min-height: 520px; display: flex; align-items: center; overflow: hidden; }
.s2f8y::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,0.82) 40%, rgba(0,0,0,0.3) 100%); z-index: 1; }
.u6l9d { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
.p5k3m { position: relative; z-index: 2; max-width: 580px; padding: 60px 20px 60px 0; }
.p5k3m h1 { font-size: clamp(26px, 4vw, 46px); font-weight: 700; line-height: 1.18; color: #fff; margin-bottom: 18px; }
.p5k3m h1 span { color: var(--clr-teal); }
.p5k3m p { font-size: 18px; color: rgba(255,255,255,0.82); margin-bottom: 32px; line-height: 1.55; }
.p5k3m .i2r7q { display: flex; gap: 12px; flex-wrap: wrap; }

.w8v4c { padding: 14px 0; background: rgba(0,0,0,0.35); border-bottom: 1px solid var(--clr-card-border); }
.w8v4c ol { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; font-size: 13px; color: var(--clr-text-muted); }
.w8v4c ol li + li::before { content: '›'; margin-right: 4px; color: var(--clr-text-muted); }
.w8v4c ol li a { color: var(--clr-text-muted); }
.w8v4c ol li a:hover { color: var(--clr-teal); }
.w8v4c ol li:last-child { color: var(--clr-teal); }

.o4j2n { padding: 60px 0; }
.f7m5r { text-align: center; margin-bottom: 42px; }
.f7m5r h2 { font-size: clamp(22px, 3vw, 34px); font-weight: 700; color: var(--clr-text); margin-bottom: 10px; }
.f7m5r h2 span { color: var(--clr-teal); }
.f7m5r p { color: var(--clr-text-muted); font-size: 16px; max-width: 560px; margin: 0 auto; }

.d1x9b { display: flex; flex-wrap: wrap; gap: 20px; }
.a5q6t { flex: 1 1 calc(33.333% - 14px); min-width: 220px; background: var(--clr-card); border: 1px solid var(--clr-card-border); border-radius: var(--radius); padding: 28px 22px; transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition); }
.a5q6t:hover { border-color: var(--clr-teal); box-shadow: 0 6px 28px rgba(0,251,200,0.12); transform: translateY(-3px); }
.a5q6t .v3p8e { width: 48px; height: 48px; background: rgba(0,251,200,0.12); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; font-size: 22px; }
.a5q6t h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; color: var(--clr-text); }
.a5q6t p { font-size: 14px; color: var(--clr-text-muted); line-height: 1.55; }

.g9n2l { background: var(--clr-card); border: 1px solid var(--clr-card-border); border-radius: var(--radius); padding: 36px 28px; margin-bottom: 0; }
.g9n2l h2 { font-size: 24px; font-weight: 700; margin-bottom: 22px; color: var(--clr-text); }
.g9n2l h2 span { color: var(--clr-teal); }

.c8r4k { overflow-x: auto; margin-bottom: 28px; -webkit-overflow-scrolling: touch; }
.c8r4k table { width: 100%; border-collapse: collapse; min-width: 520px; }
.c8r4k th { background: rgba(0,251,200,0.1); color: var(--clr-teal); font-size: 13px; font-weight: 700; text-align: left; padding: 12px 16px; border: 1px solid var(--clr-card-border); text-transform: uppercase; letter-spacing: 0.05em; }
.c8r4k td { padding: 11px 16px; border: 1px solid var(--clr-card-border); color: var(--clr-text); font-size: 14px; text-align: left; }
.c8r4k tr:nth-child(even) td { background: rgba(255,255,255,0.03); }

.l2s7p { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.l2s7p .btn { font-size: 14px; padding: 11px 22px; }
.btn-appstore { background: #000; color: #fff; border: 1px solid #333; }
.btn-appstore:hover { background: #111; color: #fff; border-color: var(--clr-teal); }
.btn-playmarket { background: #01875f; color: #fff; }
.btn-playmarket:hover { background: #016a4b; color: #fff; }
.btn-apk { background: var(--clr-teal); color: #000; }
.btn-apk:hover { background: var(--clr-teal-dark); color: #000; }

.r3n6z { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.k5v1w { background: linear-gradient(135deg, #1c1c1e 0%, #2a2a2e 100%); border: 1px solid var(--clr-card-border); border-radius: var(--radius); padding: 28px 22px; transition: border-color var(--transition), transform var(--transition); }
.k5v1w:hover { border-color: var(--clr-teal); transform: translateY(-3px); }
.k5v1w .b8f3n { font-size: 13px; font-weight: 700; color: var(--clr-teal); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 10px; }
.k5v1w h3 { font-size: 19px; font-weight: 700; color: #fff; margin-bottom: 10px; }
.k5v1w p { font-size: 14px; color: var(--clr-text-muted); line-height: 1.55; margin-bottom: 18px; }
.k5v1w .btn { font-size: 13px; padding: 9px 18px; }

.h5t2c { background: var(--clr-card); border: 1px solid var(--clr-card-border); border-radius: var(--radius);}
.h5t2c iframe { width: 100%; height: 520px; border: none; display: block; }
.h5t2c .e9s6p { padding: 16px 20px; background: rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.h5t2c .e9s6p span { font-size: 15px; font-weight: 700; color: var(--clr-text); }

.t6b9f { background: var(--clr-card); border: 1px solid var(--clr-card-border); border-radius: var(--radius); padding: 36px 28px; }
.t6b9f h2 { font-size: 24px; font-weight: 700; margin-bottom: 20px; color: var(--clr-text); }
.t6b9f h2 span { color: var(--clr-teal); }

.o8c3q { background: var(--clr-card); border: 1px solid var(--clr-card-border); padding: 14px 22px; display: flex; align-items: center; gap: 10px; color: var(--clr-text-muted); font-size: 13px; margin-bottom: 16px; border-radius: var(--radius-sm); }
.n5q1r { font-weight: 700; color: var(--clr-text); font-size: 14px; margin-bottom: 2px; }
.e3w7k a { color: var(--clr-teal); font-size: 13px; }

.review-content { line-height: 1.7; color: var(--clr-text); font-size: 15px; }
.review-content h1,.review-content h2,.review-content h3,.review-content h4,.review-content h5,.review-content h6 { color: var(--clr-text); font-weight: 700; margin: 24px 0 12px; line-height: 1.25; }
.review-content h2 { font-size: 22px; }
.review-content h3 { font-size: 18px; color: var(--clr-teal); }
.review-content p { margin-bottom: 14px; }
.review-content ul,.review-content ol { margin: 12px 0 16px 22px; }
.review-content li { margin-bottom: 6px; }
.review-content a { color: var(--clr-teal); }
.review-content table { width: 100%; border-collapse: collapse; margin: 18px 0; }
.review-content table th { background: rgba(0,251,200,0.1); color: var(--clr-teal); padding: 10px 14px; border: 1px solid var(--clr-card-border); text-align: left; font-size: 13px; text-transform: uppercase; }
.review-content table td { padding: 9px 14px; border: 1px solid var(--clr-card-border); font-size: 14px; }
.review-content table tr:nth-child(even) td { background: rgba(255,255,255,0.03); }
.review-content strong { color: #fff; }
.review-content em { color: var(--clr-text-muted); font-style: italic; }
.review-content blockquote { border-left: 3px solid var(--clr-teal); padding: 10px 18px; background: rgba(0,251,200,0.05); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; margin: 16px 0; color: var(--clr-text-muted); }
.review-content hr { border: none; border-top: 1px solid var(--clr-card-border); margin: 24px 0; }
.review-content img { max-width: 100%; border-radius: var(--radius-sm); margin: 14px 0; }
.review-content pre { background: rgba(0,0,0,0.4); padding: 16px; border-radius: var(--radius-sm); overflow-x: auto; font-size: 13px; }
.review-content code { background: rgba(0,251,200,0.1); padding: 2px 6px; border-radius: 3px; font-size: 13px; color: var(--clr-teal); }

.u4d8w { background: var(--clr-card); border: 1px solid var(--clr-card-border); border-radius: var(--radius); padding: 36px 28px; }
.u4d8w h2 { font-size: 24px; font-weight: 700; margin-bottom: 24px; color: var(--clr-text); }
.u4d8w h2 span { color: var(--clr-teal); }

.q2r7v { border: 1px solid var(--clr-card-border); border-radius: var(--radius-sm); overflow: hidden; margin-bottom: 10px; }
.q2r7v:last-child { margin-bottom: 0; }
.faq-btn { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 17px 20px; background: rgba(0,0,0,0.3); border: none; cursor: pointer; font-family: 'PT Sans', sans-serif; font-size: 15px; font-weight: 700; color: var(--clr-text); text-align: left; gap: 12px; transition: background var(--transition), color var(--transition); }
.faq-btn:hover { background: rgba(0,251,200,0.07); color: var(--clr-teal); }
.faq-btn.active { background: rgba(0,251,200,0.1); color: var(--clr-teal); }
.faq-icon { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: rgba(0,251,200,0.15); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: var(--clr-teal); transition: transform var(--transition); }
.faq-btn.active .faq-icon { transform: rotate(45deg); }
.faq-body { display: none; padding: 0 20px; background: rgba(0,0,0,0.15); }
.faq-body.open { display: block; padding: 16px 20px; }
.faq-body p { font-size: 14px; color: var(--clr-text-muted); line-height: 1.65; }
.faq-body a { color: var(--clr-teal); }

.footer-wrap { background: var(--clr-footer); padding: 40px 0 20px; border-top: 1px solid rgba(255,255,255,0.07); }
.footer-main { display: flex; flex-wrap: wrap; gap: 32px; margin-bottom: 32px; align-items: flex-start; }
.footer-logo { flex-shrink: 0; }
.footer-logo img { height: 40px; width: auto; }
.footer-nav { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; }
.footer-nav a { color: var(--clr-text-muted); font-size: 13px; transition: color var(--transition); }
.footer-nav a:hover { color: var(--clr-teal); }

.footer-payments { margin-bottom: 22px; }
.footer-payments p,.footer-providers p { font-size: 12px; font-weight: 700; color: var(--clr-text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 10px; }
.fp-list { display: flex; flex-wrap: wrap; gap: 8px; }
.fp-list span { background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.1); border-radius: 5px; padding: 5px 10px; font-size: 12px; color: var(--clr-text-muted); font-weight: 600; }

.footer-providers { margin-bottom: 28px; }

.footer-legal { border-top: 1px solid rgba(255,255,255,0.07); padding-top: 18px; }
.footer-legal p { font-size: 12px; color: rgba(255,255,255,0.3); line-height: 1.6; margin-bottom: 6px; }

.widget-wrap { position: fixed; bottom: 0; left: 0; right: 0; z-index: 998; background: linear-gradient(90deg, #1a1a1c 0%, #0d0d0e 100%); border-top: 2px solid var(--clr-teal); padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; box-shadow: 0 -4px 24px rgba(0,0,0,0.55); }
.widget-text { font-size: 14px; color: var(--clr-text); font-weight: 600; }
.widget-text span { color: var(--clr-teal); font-weight: 700; }
.widget-btn { background: var(--clr-red); color: #fff; border: none; border-radius: var(--radius-sm); padding: 11px 28px; font-family: 'PT Sans', sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: background var(--transition), transform var(--transition), box-shadow var(--transition); animation: g4pulse 2.2s infinite; }
.widget-btn:hover { background: var(--clr-red-dark); color: #fff; transform: translateY(-2px); box-shadow: 0 4px 16px rgba(255,46,9,0.4); animation: none; }
@keyframes g4pulse { 0%,100%{box-shadow:0 0 0 0 rgba(255,46,9,0.4)} 50%{box-shadow:0 0 0 8px rgba(255,46,9,0)} }
.widget-close { background: none; border: none; color: var(--clr-text-muted); cursor: pointer; font-size: 20px; padding: 4px; line-height: 1; transition: color var(--transition); }
.widget-close:hover { color: var(--clr-text); }

body.widget-visible { padding-bottom: 70px; }

.p-section { padding: 60px 0; }
.p-section + .p-section { padding-top: 0; }
.gap-section { margin-bottom: 28px; }

.section-divider { height: 1px; background: linear-gradient(90deg, transparent, var(--clr-card-border), transparent); margin: 8px 0; }

.fade-in { opacity: 0; transform: translateY(22px); transition: opacity 0.55s ease, transform 0.55s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }

.wp-content-img { display: none; }
.wp-widget-area { display: none; }
.elementor-section { display: block; }
.elementor-widget-container { display: block; }
.post-thumbnail { display: none; }

@media (max-width: 1024px) {
  .q4c7n {gap: 10px;}
}
@media (max-width: 900px) {
  .q4c7n { display: none; }
  .e8w4j { display: flex; }
  .a5q6t { flex: 1 1 calc(50% - 10px); }
  .r3n6z { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .g9n2l, .t6b9f, .u4d8w, .h5t2c { padding: 22px 16px; }
  .h5t2c iframe { height: 400px; }
}
@media (max-width: 640px) {
  .a5q6t { flex: 1 1 100%; }
  .r3n6z { grid-template-columns: 1fr; gap: 12px; }
  .p5k3m { padding: 40px 0; }
  .p5k3m p { font-size: 15px; }
  .l2s7p { flex-direction: column; align-items: flex-start; }
  .footer-main { flex-direction: column; gap: 20px; }
  .widget-wrap { flex-direction: column; text-align: center; }
  .h5t2c iframe { height: 300px; }
  .z5t9k .k7r3m { flex-wrap: wrap; }
  .y7m3p {display: none;}
}
@media (max-width: 420px) {
  .m2x8v img {height: 30px;}
}
@media (max-width: 380px) {
  .h3d5r .btn-login {display: none;}
}