/* RİSE NET v1.8.2 — Cool Tone Correction
   Purpose: remove residual red/pink haze from global background, route overlay and UI accents
   without touching layout, components or gained visual structure. */
:root,
html[data-theme="dark"],
html[data-theme="light"]{
  --pink:#5aa7ff;
  --color-secondary:#4f8cff;
  --color-gradient3:#4f8cff;
  --secondary-rgb:79,140,255;
  --tertiary-rgb:48,98,170;
  --ui-gradient:linear-gradient(110deg,var(--color-gradient1),var(--color-gradient2),var(--color-gradient3),var(--color-gradient4));
}

.site-bg{
  background:#02010a!important;
}
.site-bg:before{
  background:
    radial-gradient(circle at 12% 42%,rgba(var(--primary-rgb),.085),transparent 32%),
    radial-gradient(circle at 72% 32%,rgba(52,128,255,.055),transparent 34%),
    radial-gradient(circle at 88% 78%,rgba(var(--quaternary-rgb),.045),transparent 30%),
    linear-gradient(180deg,rgba(2,6,18,.10),rgba(2,6,18,.24))!important;
}
.orb-b,
.site-bg .orb-b{
  background:rgba(30,82,176,.18)!important;
}

/* Remove warm/pink accent trails while preserving purple + cyan identity. */
.desktop-nav a:after,
.carousel-progress span,
.mouse-nav-progress span,
.nav-connector:before,
.flow-line{
  background:linear-gradient(90deg,var(--purple),#5aa7ff)!important;
}
.display-title em,
.title-mask,
.display-title .title-mask,
.card-ribbon{
  background-image:linear-gradient(95deg,#fff 4%,var(--color-primary) 42%,#5aa7ff 78%,var(--color-gradient4) 100%)!important;
}
.btn-primary,
.btn-orbit,
.popular .btn,
.price-card .btn-primary,
.btn-neon-pulse{
  background:linear-gradient(100deg,var(--color-gradient1),var(--color-gradient2) 48%,#4f8cff 100%)!important;
  box-shadow:0 14px 34px rgba(76,116,255,.24)!important;
}
.btn-neon-pulse{
  border-color:rgba(92,158,255,.42)!important;
}
@keyframes neonPulse{
  0%,100%{transform:translateY(0);box-shadow:0 0 0 1px rgba(183,116,255,.16),0 0 24px rgba(92,158,255,.22),0 14px 32px rgba(58,97,210,.20)}
  50%{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(92,158,255,.26),0 0 42px rgba(90,167,255,.30),0 18px 42px rgba(58,97,210,.30)}
}

.visual-purple:before{
  background:rgba(90,167,255,.22)!important;
}
.visual-orange{
  background:linear-gradient(145deg,#081426,#183d70)!important;
}
.visual-orange:before{
  border-color:rgba(90,167,255,.24)!important;
}
.visual-grid:after{
  box-shadow:0 0 20px var(--purple),95px 35px 0 -1px var(--cyan),-75px 50px 0 -1px #5aa7ff!important;
}

/* Route transition overlay stays navy/blue; no warm secondary color contribution. */
.route-transition-layer .route-transition-glow{
  background:
    radial-gradient(circle at 50% 44%,rgba(3,14,35,.50),rgba(23,70,148,.18) 30%,rgba(80,166,255,.08) 50%,transparent 66%)!important;
}
.route-transition-layer .route-transition-line{
  background:linear-gradient(90deg,transparent,rgba(36,92,205,.18),rgba(88,178,255,.78),rgba(154,222,255,.36),transparent)!important;
  box-shadow:0 0 34px rgba(55,148,255,.34),0 0 72px rgba(5,22,55,.28)!important;
}

@keyframes titleSignal{
  0%{filter:none;transform:none;text-shadow:none}
  12%{transform:translateX(-2px);filter:contrast(1.8);text-shadow:3px 0 rgba(122,231,255,.65),-3px 0 rgba(90,167,255,.48)}
  24%{transform:translateX(2px) skewX(-4deg);clip-path:inset(12% 0 45%)}
  38%{transform:translateX(-1px);clip-path:inset(55% 0 10%)}
  52%{transform:translateX(2px);filter:blur(.7px)}
  72%{transform:none;clip-path:inset(0);text-shadow:1px 0 rgba(122,231,255,.35)}
  100%{filter:none;transform:none;text-shadow:none;clip-path:inset(0)}
}

html[data-theme="light"]{
  --theme-light-base:#eef4fb;
}
html[data-theme="light"] .site-bg{
  background:
    radial-gradient(circle at 68% 8%,rgba(var(--primary-rgb),.09),transparent 28%),
    radial-gradient(circle at 12% 72%,rgba(30,115,210,.075),transparent 32%),
    linear-gradient(180deg,#f7faff,#edf3f9)!important;
}
html[data-theme="light"] .site-bg:before{
  background:
    radial-gradient(circle at 12% 42%,rgba(var(--primary-rgb),.030),transparent 30%),
    radial-gradient(circle at 88% 78%,rgba(52,128,255,.035),transparent 28%),
    linear-gradient(rgba(249,251,253,.05),rgba(237,243,249,.14))!important;
}
html[data-theme="light"] .floating-section-nav,
html[data-theme="light"] .mouse-nav-btn{
  background:rgba(255,255,255,.90)!important;
  color:#172033!important;
  border-color:rgba(30,58,98,.18)!important;
}


/* RİSE NET v1.8.3 — modal stability, deep navy transitions and light-mode polish
   Keeps layout intact; fixes popup-induced horizontal page shift, harsh light controls and
   residual overly-bright overlay feel. */
html{scrollbar-gutter:stable both-edges;}
body.modal-open{overflow:hidden;}

/* Route transition: dark mode is now near-black navy, light mode is white/ice. */
.route-transition-layer .route-transition-glow{
  background:
    radial-gradient(circle at 50% 44%,rgba(1,5,14,.76),rgba(3,12,30,.48) 34%,rgba(7,28,64,.18) 58%,transparent 74%)!important;
  filter:blur(18px) saturate(.92)!important;
}
.route-transition-layer .route-transition-line{
  background:linear-gradient(90deg,transparent,rgba(5,18,42,.08),rgba(38,86,176,.42),rgba(74,154,226,.24),transparent)!important;
  box-shadow:0 0 26px rgba(18,70,160,.22),0 0 60px rgba(1,8,24,.34)!important;
}
html[data-theme="light"] .route-transition-layer .route-transition-glow{
  background:
    radial-gradient(circle at 50% 44%,rgba(255,255,255,.92),rgba(247,250,255,.68) 42%,rgba(230,238,250,.20) 64%,transparent 78%)!important;
  filter:blur(14px) saturate(.82)!important;
}
html[data-theme="light"] .route-transition-layer .route-transition-line{
  background:linear-gradient(90deg,transparent,rgba(207,222,242,.10),rgba(184,205,236,.46),rgba(220,232,246,.38),transparent)!important;
  box-shadow:0 0 22px rgba(160,188,225,.18)!important;
}
body.is-route-leaving #mainContent[data-rise-view],
body.is-route-loading #mainContent[data-rise-view]{
  transform:translateY(10px) scale(.992)!important;
  filter:blur(5px)!important;
}
@keyframes riseRouteEnter{0%{opacity:0;transform:translateY(10px) scale(.992);filter:blur(5px)}100%{opacity:1;transform:none;filter:blur(0)}}

/* Popup: no right/left page jump, no amateur lateral feel; only calm depth fade. */
.modal{align-items:center;justify-items:center;visibility:hidden!important;opacity:0!important;pointer-events:none;transition:opacity .42s cubic-bezier(.16,1,.3,1),visibility .42s!important;contain:layout style;}
.modal.open{visibility:visible!important;opacity:1!important;pointer-events:auto;}
.modal-backdrop{
  opacity:0!important;
  background:rgba(1,5,14,.72)!important;
  backdrop-filter:blur(0) saturate(.95)!important;
  -webkit-backdrop-filter:blur(0) saturate(.95)!important;
  transition:opacity .46s cubic-bezier(.16,1,.3,1),backdrop-filter .46s cubic-bezier(.16,1,.3,1)!important;
}
.modal.open .modal-backdrop{opacity:1!important;backdrop-filter:blur(10px) saturate(.95)!important;-webkit-backdrop-filter:blur(10px) saturate(.95)!important;}
.modal-dialog,
.gallery-lightbox-dialog{
  opacity:0!important;
  transform:translate3d(0,8px,0) scale(.986)!important;
  filter:none!important;
  transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .48s cubic-bezier(.16,1,.3,1)!important;
  backface-visibility:hidden;
  transform-origin:center center;
  will-change:opacity,transform;
}
.modal.open .modal-dialog,
.modal.open .gallery-lightbox-dialog{opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;animation:none!important;}
.modal:not(.open) .modal-dialog,
.modal:not(.open) .gallery-lightbox-dialog{transition-duration:.32s!important;}
.modal-dialog:before{
  background:
    radial-gradient(circle at 72% 24%,rgba(88,150,255,.13),transparent 30%),
    radial-gradient(circle at 16% 88%,rgba(95,70,170,.10),transparent 26%)!important;
}
.modal-plain .modal-dialog{margin-top:0!important;}
html[data-theme="light"] .modal-backdrop{
  background:rgba(250,252,255,.70)!important;
  backdrop-filter:blur(8px) saturate(.92)!important;
  -webkit-backdrop-filter:blur(8px) saturate(.92)!important;
}
html[data-theme="light"] .modal-dialog,
html[data-theme="light"] .gallery-lightbox-dialog{
  background:rgba(255,255,255,.96)!important;
  color:#141a24!important;
  box-shadow:0 22px 70px rgba(30,45,75,.16)!important;
}
html[data-theme="light"] .modal-dialog h1,
html[data-theme="light"] .modal-dialog h2,
html[data-theme="light"] .modal-dialog h3{color:#141a24!important;}

/* Light mode: pagination and bottom controls must be white, never black. */
html[data-theme="light"] .bottom-ui-dock{color:#243044;}
html[data-theme="light"] .floating-section-nav{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(31,44,68,.12)!important;
  box-shadow:0 16px 42px rgba(30,45,75,.12)!important;
}
html[data-theme="light"] .mouse-nav-btn{
  background:#fff!important;
  color:#5f6b7b!important;
  border-color:rgba(31,44,68,.14)!important;
  box-shadow:0 8px 22px rgba(30,45,75,.08)!important;
}
html[data-theme="light"] .mouse-nav-btn:hover,
html[data-theme="light"] .mouse-nav-btn.active{
  background:#f5f7ff!important;
  color:#694bd4!important;
  border-color:rgba(105,75,212,.24)!important;
  box-shadow:0 12px 28px rgba(105,75,212,.13)!important;
}
html[data-theme="light"] .nav-connector:before,
html[data-theme="light"] .carousel-progress span,
html[data-theme="light"] .mouse-nav-progress span{
  background:linear-gradient(90deg,rgba(105,75,212,.35),rgba(80,148,220,.28))!important;
}
html[data-theme="light"] .mouse-nav-meta b{color:#1c2433!important;}
html[data-theme="light"] .mouse-nav-meta{color:rgba(28,36,51,.58)!important;}
html[data-theme="light"] .backtop-round,
html[data-theme="light"] .backtop-vertical{
  background:#fff!important;
  color:#5f45cf!important;
  border-color:rgba(31,44,68,.14)!important;
  box-shadow:0 12px 32px rgba(30,45,75,.10)!important;
}

/* Light mode: titles must switch to ink tones, not stay white. */
html[data-theme="light"] .display-title,
html[data-theme="light"] .section-head h1,
html[data-theme="light"] .section-head h2,
html[data-theme="light"] .type-row h1,
html[data-theme="light"] .page-title,
html[data-theme="light"] .table-toolbar h3,
html[data-theme="light"] .card h3,
html[data-theme="light"] .price-card h3,
html[data-theme="light"] .pricing-card h3,
html[data-theme="light"] .hero-panel h1,
html[data-theme="light"] .hero-panel h2,
html[data-theme="light"] .hero-panel h3{color:#151b26!important;}
html[data-theme="light"] .display-title em,
html[data-theme="light"] .title-mask,
html[data-theme="light"] .display-title .title-mask{
  background-image:linear-gradient(95deg,#171c26 0%,#6d49d7 38%,#418ed8 72%,#1e6d88 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

/* Light left panel hover: softer, no harsh glow, no jitter. */
html[data-theme="light"] .left-panel-nav>a,
html[data-theme="light"] .left-panel-nav summary{color:#2a3345;border-color:rgba(31,44,68,.11)!important;}
html[data-theme="light"] .left-panel-nav>a:hover,
html[data-theme="light"] .left-panel-nav summary:hover,
html[data-theme="light"] .left-panel-nav>a.active{
  background:rgba(105,75,212,.055)!important;
  color:#4b37a8!important;
  border-color:rgba(105,75,212,.14)!important;
  box-shadow:inset 2px 0 0 rgba(105,75,212,.28)!important;
}
html[data-theme="light"] .left-panel-nav>a svg{color:#6b4bd6!important;opacity:.72!important;}
html[data-theme="light"] .mobile-submenu a:hover{background:rgba(105,75,212,.045)!important;color:#20283a!important;}

@media (prefers-reduced-motion:reduce){
  .modal,.modal-backdrop,.modal-dialog,.gallery-lightbox-dialog{transition:none!important;}
}