html{scroll-behavior:smooth}
.brand-page{margin:0;background:#f7faff;color:#071132;font-family:"Manrope",ui-sans-serif,system-ui,sans-serif}
.brand-container{width:min(1180px,calc(100% - 56px));margin:0 auto}
.brand-header{position:sticky;top:0;z-index:100;background:rgba(247,250,255,.84);backdrop-filter:blur(18px);padding:18px 0;border-bottom:1px solid rgba(18,60,255,.06)}
.brand-nav{width:min(1180px,calc(100% - 56px));height:70px;margin:0 auto;background:rgba(255,255,255,.92);border:1px solid #e8eef8;border-radius:18px;box-shadow:0 16px 45px rgba(8,25,74,.08);display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.brand-logo,.footer-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#071132;font-weight:950;font-size:30px;letter-spacing:-1.2px}.brand-logo img,.footer-brand img{width:42px;height:42px;border-radius:10px}
.brand-links{display:flex;align-items:center;gap:34px}.brand-links a{position:relative;text-decoration:none;color:#071132;font-size:15px;font-weight:850;padding:10px 0;transition:color .24s ease}.brand-links a::after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:2px;border-radius:20px;background:linear-gradient(90deg,#123cff,#4f6fff);transform:scaleX(0);transform-origin:left center;transition:transform .28s ease}.brand-links a:hover,.brand-links a.active{color:#123cff}.brand-links a:hover::after,.brand-links a.active::after{transform:scaleX(1)}
.brand-actions{display:flex;align-items:center;gap:16px}.brand-phone,.brand-lang{display:flex;align-items:center;gap:7px;color:#071132;text-decoration:none;font-size:14px;font-weight:850}.brand-lang{border:0;background:transparent;cursor:pointer}.brand-phone [data-hicon],.brand-lang [data-hicon]{width:19px;height:19px;display:grid;place-items:center;color:#061a63}
.brand-demo{height:46px;padding:0 28px;border-radius:10px;background:linear-gradient(135deg,#06123e,#123cff);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 14px 28px rgba(18,60,255,.16)}
.page-enter{animation:pageEnter .42s ease both}.page-leave{opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}@keyframes pageEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.brand-footer{background:linear-gradient(135deg,#06123e,#05112c 55%,#08266f);color:#fff;padding:58px 0}.brand-footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr 1fr 1fr;gap:54px}.brand-footer a{display:block;color:#dce6ff;text-decoration:none;margin:11px 0}.brand-footer p{color:#dce6ff;line-height:1.6}.brand-footer h4{margin:0 0 18px;color:#fff}.footer-brand{color:#fff;margin-bottom:18px}.brand-socials{display:flex;gap:12px;margin:10px 0 22px}.brand-socials a{width:38px;height:38px;border-radius:10px;background:#123cff;color:#fff;display:grid;place-items:center}.footer-demo{height:46px;width:170px;border-radius:10px;background:#123cff!important;color:#fff!important;display:grid!important;place-items:center;font-weight:900!important}
.brand-page [data-hicon] svg,.brand-page .hicon-ready svg{width:1em;height:1em;fill:none!important;stroke:currentColor!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1050px){.brand-links,.brand-actions{display:none}.brand-footer-grid{grid-template-columns:1fr}.brand-nav{width:min(1180px,calc(100% - 32px))}.brand-container{width:min(1180px,calc(100% - 32px))}}

.prices-hero{padding:72px 0 92px;background:#f7faff}.prices-hero h1{text-align:center;font-size:52px;letter-spacing:-1.5px;margin:0 0 58px;font-weight:950;color:#071132}.pricing-table-wrap{background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(8,25,74,.10);overflow:hidden;border:1px solid #e5ecf8}.pricing-table{width:100%;border-collapse:collapse;background:#fff}.pricing-table th{background:#f0f5ff;text-align:center;padding:28px 30px 24px;font-size:16px;font-weight:900}.pricing-table th:first-child{text-align:left}.pricing-table th span{display:block;color:#8a96ad;font-size:14px;margin-top:8px;font-weight:650}.pricing-table td{padding:28px 30px;border-top:1px solid #e9eef8;text-align:center;font-size:19px;font-weight:950}.pricing-table td:first-child{text-align:left;font-size:21px}.pricing-table td small{display:block;color:#123cff;font-size:13px;margin-top:8px;font-weight:850}.pricing-table td small s{color:#9ca6b7;margin-right:6px}.pricing-table [data-hicon]{display:inline-grid;color:#123cff;width:18px;height:18px;vertical-align:-3px}.highlight-row{background:#f4f8ff}.highlight-row td{color:#123cff}
.payment-banner{margin:38px 0 30px;min-height:96px;background:linear-gradient(90deg,#edf4ff,#f7faff);border:1px solid #d8e4ff;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:26px 38px}.payment-banner h2{margin:0 0 8px;font-size:26px;font-weight:950}.payment-banner p{margin:0;color:#6b7893}.payment-banner a{height:54px;padding:0 34px;border-radius:12px;background:linear-gradient(135deg,#123cff,#4f6fff);color:#fff;text-decoration:none;display:inline-flex;align-items:center;font-weight:950}.bonus-badges{display:flex;gap:12px;justify-content:center;margin:26px 0 70px}.bonus-badges span{height:38px;padding:0 14px;background:#fff;border:1px solid #e4ebf8;border-radius:10px;color:#66748e;display:inline-flex;align-items:center;gap:8px;font-weight:800}.bonus-badges [data-hicon]{color:#123cff}.down-arrows{display:grid;place-items:center;gap:10px;margin:0 0 120px}.down-arrows span{width:34px;height:34px;border-right:6px solid #123cff;border-bottom:6px solid #123cff;transform:rotate(45deg);opacity:.75}.gamification-price-card{min-height:250px;background:linear-gradient(90deg,#edf4ff,#ffffff);border:1px solid #d8e4ff;border-radius:22px;display:flex;align-items:center;justify-content:space-between;padding:46px 52px;box-shadow:0 20px 50px rgba(8,25,74,.08)}.price-card-text h2{font-size:29px;margin:0 0 20px;display:flex;align-items:center;gap:10px}.price-card-text h2 [data-hicon]{color:#123cff}.price-card-text p{max-width:600px;color:#67748e;line-height:1.6;font-size:16px;margin:0 0 26px}.price-card-text a{height:54px;padding:0 30px;border-radius:12px;background:linear-gradient(135deg,#123cff,#4f6fff);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-weight:950}.price-bubble{width:132px;height:132px;border-radius:50%;background:linear-gradient(135deg,#123cff,#7ca0ff);display:grid;place-items:center;color:#fff;font-size:31px;font-weight:950;box-shadow:0 22px 46px rgba(18,60,255,.22)}@media(max-width:980px){.pricing-table-wrap{overflow-x:auto}.pricing-table{min-width:850px}.payment-banner,.gamification-price-card{flex-direction:column;align-items:flex-start;gap:24px}.bonus-badges{flex-direction:column;align-items:center}}



/* ===== EDUKA Global Loader + Premium Animations ===== */
.site-loader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 35%, rgba(18, 60, 255, 0.08), transparent 34%),
    rgba(247, 250, 255, 0.96);
  backdrop-filter: blur(18px);
  transition: opacity .55s ease, visibility .55s ease, transform .55s ease;
}

.site-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  transform: scale(1.02);
  pointer-events: none;
}

.dots-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.dot {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  border-radius: 10px;
  background-color: #b3d4fc;
  animation: pulse 1.5s infinite ease-in-out;
}

.dot:last-child {
  margin-right: 0;
}

.dot:nth-child(1) {
  animation-delay: -0.3s;
}

.dot:nth-child(2) {
  animation-delay: -0.1s;
}

.dot:nth-child(3) {
  animation-delay: 0.1s;
}

@keyframes pulse {
  0% {
    transform: scale(0.8);
    background-color: #b3d4fc;
    box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);
  }

  50% {
    transform: scale(1.2);
    background-color: #6793fb;
    box-shadow: 0 0 0 10px rgba(178, 212, 252, 0);
  }

  100% {
    transform: scale(0.8);
    background-color: #b3d4fc;
    box-shadow: 0 0 0 0 rgba(178, 212, 252, 0.7);
  }
}

html.is-loading,
html.is-loading body {
  overflow: hidden;
}

body {
  opacity: 0;
  transition: opacity .45s ease;
}

body.is-ready {
  opacity: 1;
}

.reveal {
  opacity: 0;
  transform: translateY(26px) scale(.985);
  filter: blur(7px);
  transition:
    opacity .72s cubic-bezier(.22, 1, .36, 1),
    transform .72s cubic-bezier(.22, 1, .36, 1),
    filter .72s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform, filter;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

.reveal-left {
  opacity: 0;
  transform: translateX(-34px);
  filter: blur(7px);
  transition:
    opacity .75s cubic-bezier(.22, 1, .36, 1),
    transform .75s cubic-bezier(.22, 1, .36, 1),
    filter .75s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}

.reveal-right {
  opacity: 0;
  transform: translateX(34px);
  filter: blur(7px);
  transition:
    opacity .75s cubic-bezier(.22, 1, .36, 1),
    transform .75s cubic-bezier(.22, 1, .36, 1),
    filter .75s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}

.reveal-left.is-visible,
.reveal-right.is-visible {
  opacity: 1;
  transform: translateX(0);
  filter: blur(0);
}

.reveal-zoom {
  opacity: 0;
  transform: scale(.94);
  filter: blur(8px);
  transition:
    opacity .72s cubic-bezier(.22, 1, .36, 1),
    transform .72s cubic-bezier(.22, 1, .36, 1),
    filter .72s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0ms);
}

.reveal-zoom.is-visible {
  opacity: 1;
  transform: scale(1);
  filter: blur(0);
}

.brand-header,
.site-header,
.prices-header,
.game-header {
  animation: headerDrop .65s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes headerDrop {
  from {
    opacity: 0;
    transform: translateY(-18px);
    filter: blur(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

a,
button,
.brand-demo,
.prices-demo,
.game-demo,
.cta,
.primary-btn,
.outline-btn,
.video-btn,
.payment-banner a,
.price-card-text a,
.game-cta-box a {
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    color .22s ease,
    border-color .22s ease;
}

a:hover,
button:hover,
.brand-demo:hover,
.prices-demo:hover,
.game-demo:hover,
.cta:hover,
.primary-btn:hover,
.outline-btn:hover,
.video-btn:hover,
.payment-banner a:hover,
.price-card-text a:hover,
.game-cta-box a:hover {
  transform: translateY(-2px);
}

.pricing-table tr,
.game-card,
.feature-card,
.partner-card,
.stat-card,
.payment-banner,
.gamification-price-card,
.brand-footer,
.faq-item,
.dashboard-window,
.hero-shot-frame,
.hero-shot {
  will-change: transform, opacity;
}

.game-card:hover,
.feature-card:hover,
.partner-card:hover,
.stat-card:hover,
.gamification-price-card:hover,
.payment-banner:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 65px rgba(8, 25, 74, .12);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  .site-loader {
    display: none !important;
  }

  body,
  .reveal,
  .reveal-left,
  .reveal-right,
  .reveal-zoom {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}


/* TOPBAR FIX LOCK: page styles must not override global topbar. */