:root{
  --vx12-violet:#a45cff;
  --vx12-violet-2:#7c4dff;
  --vx12-cyan:#35d6ff;
  --vx12-mint:#49e6b3;
  --vx12-warm:#ffb35b;
  --vx12-edge:rgba(176,137,255,.22);
  --vx12-glow:rgba(139,92,246,.20);
}

/* HF12 — VEXMIRA Pulse: daha canlı, oyun odaklı ama kurumsal son görsel katman. */
html.vx12-pulse-ready body{
  background:#050814;
}

.page.active{
  --vx12-page-accent:var(--vx12-violet);
  --vx12-page-accent-soft:rgba(154,92,255,.13);
}
#page-market.active{--vx12-page-accent:#b067ff;--vx12-page-accent-soft:rgba(176,103,255,.13)}
#page-forum.active{--vx12-page-accent:#6f7dff;--vx12-page-accent-soft:rgba(111,125,255,.12)}
#page-discord.active{--vx12-page-accent:#8b79ff;--vx12-page-accent-soft:rgba(139,121,255,.13)}
#page-streamers.active{--vx12-page-accent:#b65dff;--vx12-page-accent-soft:rgba(182,93,255,.12)}
#page-server-rankings.active,#page-rankings.active{--vx12-page-accent:#53b8ff;--vx12-page-accent-soft:rgba(83,184,255,.11)}
#page-admin.active,#page-support.active{--vx12-page-accent:#9b6bff;--vx12-page-accent-soft:rgba(155,107,255,.13)}

/* Sayfa atmosferi: sabit resim veya canvas yok; GPU-dostu gradient katmanı. */
.page.active::before{
  background:
    radial-gradient(720px 420px at 9% 5%,var(--vx12-page-accent-soft),transparent 68%),
    radial-gradient(640px 420px at 91% 12%,rgba(53,214,255,.07),transparent 70%),
    linear-gradient(180deg,rgba(8,11,26,.38),rgba(5,8,20,.10) 44%,rgba(5,8,20,.30))!important;
}
.page.active::after{
  opacity:.38!important;
  background-image:
    linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px),
    radial-gradient(circle at 20% 20%,rgba(164,92,255,.055) 0 1px,transparent 1.5px)!important;
  background-size:56px 56px,56px 56px,24px 24px!important;
  mask-image:linear-gradient(to bottom,#000 0 84%,transparent 100%)!important;
}

/* Header'a daha net bir oyun platformu karakteri. */
#topbar.vx320-header{
  box-shadow:0 10px 38px -30px rgba(124,77,255,.95),0 1px 0 rgba(164,92,255,.10)!important;
}
#topbar.vx320-header::after{
  content:"";position:absolute;left:50%;bottom:-1px;width:min(520px,40vw);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(164,92,255,.75),rgba(53,214,255,.55),transparent);
  opacity:.62;pointer-events:none;
}
.vx320-nav .active,.vx320-nav button.active,.vx320-nav [aria-current="page"]{
  box-shadow:inset 0 -2px 0 var(--vx12-page-accent),0 12px 30px -24px var(--vx12-page-accent)!important;
}

/* Ana hero: düz kurumsal blok yerine derinlik ve hareket hissi. */
#page-home .vx320-hero{position:relative;padding-top:52px!important;padding-bottom:36px!important}
#page-home .vx320-hero::before{
  content:"";position:absolute;left:50%;top:10px;width:min(1080px,86vw);height:190px;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(147,85,255,.13),transparent 68%);filter:blur(10px);opacity:.9;
}
#page-home .vx320-hero-grid{align-items:center!important}
#page-home .vx320-hero-copy{position:relative;z-index:2}
#page-home .vx320-hero-copy::after{
  content:"";display:block;width:min(430px,74%);height:1px;margin-top:26px;
  background:linear-gradient(90deg,rgba(164,92,255,.72),rgba(53,214,255,.35),transparent);
}
#page-home .vx320-hero h1{
  text-wrap:balance;text-shadow:0 18px 55px rgba(0,0,0,.38)!important;
}
#page-home .vx320-hero h1 em,#page-home .vx320-hero h1 span{
  background:linear-gradient(104deg,#b978ff 0%,#8c69ff 38%,#4fc8ff 75%,#5ee7c4 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
#page-home .vx320-overview{
  position:relative!important;overflow:hidden!important;
  border:1px solid rgba(164,92,255,.25)!important;
  background:linear-gradient(145deg,rgba(15,20,43,.94),rgba(7,11,28,.90))!important;
  box-shadow:0 28px 80px -52px rgba(117,74,255,.95),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
#page-home .vx320-overview::before{
  content:"";position:absolute;left:-18%;top:-55%;width:72%;height:160%;transform:rotate(18deg);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(165,92,255,.09),rgba(53,214,255,.07),transparent);
  animation:vx12OverviewSweep 8s ease-in-out infinite;
}
#page-home .vx320-overview::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(320px 160px at 88% 0,rgba(53,214,255,.07),transparent 72%);
}
#page-home .vx320-overview-list>button{
  position:relative!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
#page-home .vx320-overview-list>button:hover{transform:translateX(4px);background:rgba(164,92,255,.045)!important}

/* CTA ve butonlarda kontrollü enerji şeridi. */
.btn.primary,.vx320-hero-actions .btn:first-child,.vx400-hero-actions .btn.primary,.vx11-admin-command button{
  position:relative;overflow:hidden;
}
.btn.primary::after,.vx320-hero-actions .btn:first-child::after,.vx400-hero-actions .btn.primary::after{
  content:"";position:absolute;inset:-80% auto -80% -42%;width:34%;transform:rotate(18deg);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .42s ease;
}
.btn.primary:hover::after,.vx320-hero-actions .btn:first-child:hover::after,.vx400-hero-actions .btn.primary:hover::after{left:118%}

/* Bölüm başlıklarında daha güçlü hiyerarşi. */
.vx320-section-head h2,.vx65-section-head h2,.vx63-market-catalog-head h2,.vx400-page-hero h1,.v2-hero h1{
  letter-spacing:-.035em!important;text-wrap:balance;
}
.vx320-section-head::before,.vx65-section-head::before{
  content:"";display:block;width:44px;height:2px;margin-bottom:10px;border-radius:99px;
  background:linear-gradient(90deg,var(--vx12-page-accent),rgba(53,214,255,.72));box-shadow:0 0 18px var(--vx12-page-accent-soft);
}

/* Ortak kart derinliği — geometrileri değiştirmeden premium hale getirir. */
.vx320-feed-card,.vx320-game-card,.vx320-benefit-grid>button,.vx63-market-catalog,.vx63-market-policy,
.vx65-rank-board,.vx65-rank-tools,.vx65-rank-method,.vx400-business-card,.vx400-connect-card,
.side-card,.vx11-admin-command,.vx65-ticket-list-card,.vx65-ticket-detail-card{
  border-color:rgba(160,136,220,.16)!important;
  box-shadow:0 26px 64px -54px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.018)!important;
}
.vx320-feed-card,.vx320-game-card,.vx320-benefit-grid>button,.vx400-business-card,.vx400-connect-card,
.vx65-rank-board,.vx63-market-category,.vx800-server-rank-card{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;
}
@media(hover:hover) and (pointer:fine){
  .vx320-feed-card:hover,.vx320-game-card:hover,.vx320-benefit-grid>button:hover,.vx400-business-card:hover,.vx400-connect-card:hover,
  .vx63-market-category:hover,.vx800-server-rank-card:hover{
    transform:translateY(-2px);border-color:rgba(164,92,255,.34)!important;
    box-shadow:0 30px 74px -55px rgba(122,80,255,.95),inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
}

/* Ana akış daha dolu ve vitrinsel. */
#page-home .vx320-feed-section{position:relative}
#page-home .vx320-feed-card{min-height:330px!important;background:linear-gradient(150deg,rgba(14,19,42,.92),rgba(6,10,25,.94))!important}
#page-home .vx320-feed-head{background:linear-gradient(180deg,rgba(164,92,255,.045),transparent)!important}
#page-home .vx11-home-listing,#page-home .vx11-home-topic{background:linear-gradient(145deg,rgba(12,16,36,.92),rgba(7,11,27,.92))!important}

/* Pazar / sıralama: daha belirgin keşif hissi. */
#page-market .vx63-market-catalog{
  background:linear-gradient(150deg,rgba(14,18,41,.94),rgba(7,11,27,.95))!important;
  box-shadow:0 35px 90px -68px rgba(150,83,255,.9)!important;
}
#page-market .vx64-market-games>button,.vx11-market-rail .vx64-market-games>button{
  border-color:rgba(155,114,240,.18)!important;background:rgba(10,14,32,.82)!important;
}
#page-market .vx64-market-games>button:hover,.vx11-market-rail .vx64-market-games>button:hover{
  border-color:rgba(164,92,255,.40)!important;background:rgba(27,20,52,.88)!important;
}
#page-server-rankings .vx61-rank-junction>button,.vx65-rank-switch>button{
  background:linear-gradient(145deg,rgba(14,19,42,.94),rgba(7,11,28,.95))!important;
}
#page-server-rankings .vx61-rank-junction>button.active,.vx65-rank-switch>button.active{
  border-color:rgba(164,92,255,.42)!important;box-shadow:0 20px 55px -42px rgba(164,92,255,.9)!important;
}

/* Yönetim / destek: daha operasyonel görünüm. */
#page-admin .vx11-admin-command{
  background:linear-gradient(145deg,rgba(18,21,48,.97),rgba(8,12,30,.96))!important;
  border-color:rgba(164,92,255,.26)!important;
}
#page-admin .vx11-admin-command::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:inherit;
  background:linear-gradient(90deg,transparent,var(--vx12-violet),var(--vx12-cyan),transparent);opacity:.72;
}
#page-support .vx65-ticket-list-card,#page-support .vx65-ticket-detail-card{background:linear-gradient(150deg,rgba(14,18,40,.96),rgba(7,11,27,.96))!important}

/* İlk açılış / SPA geçişleri: kısa, yumuşak, işlemi bozmayan animasyon. */
.page.active.vx12-page-enter>.vx320-wrap,
.page.active.vx12-page-enter>.container,
.page.active.vx12-page-enter>.v2-container,
.page.active.vx12-page-enter>.vx65-rank-page{
  animation:vx12PageIn .34s cubic-bezier(.2,.7,.2,1) both;
}

/* Tema uyumluluğu */
html[data-theme="light"] body,html[data-palette="light"] body{background:#f5f7fc!important}
html[data-theme="light"] .vx320-feed-card,html[data-theme="light"] .vx320-overview,html[data-theme="light"] .vx63-market-catalog,
html[data-palette="light"] .vx320-feed-card,html[data-palette="light"] .vx320-overview,html[data-palette="light"] .vx63-market-catalog{
  box-shadow:0 22px 54px -44px rgba(76,57,135,.28)!important;
}
html[data-palette="blue"]{--vx12-violet:#5a9cff;--vx12-violet-2:#3f7cf1;--vx12-glow:rgba(67,140,255,.18)}

@keyframes vx12OverviewSweep{
  0%,100%{transform:translateX(-12%) rotate(18deg);opacity:.35}
  50%{transform:translateX(92%) rotate(18deg);opacity:.72}
}
@keyframes vx12PageIn{
  from{opacity:.76;transform:translateY(7px)}
  to{opacity:1;transform:none}
}

@media(max-width:930px){
  #page-home .vx320-hero{padding-top:34px!important}
  #page-home .vx320-hero-copy::after{width:72%;margin-top:20px}
  #page-home .vx320-feed-card{min-height:280px!important}
}
@media(max-width:700px){
  #page-home .vx320-hero{padding-top:26px!important;padding-bottom:22px!important}
  #page-home .vx320-hero::before{height:130px;top:4px}
  #page-home .vx320-overview::before{display:none}
  .page.active::after{opacity:.20!important;background-size:42px 42px,42px 42px,22px 22px!important}
}
@media(prefers-reduced-motion:reduce){
  #page-home .vx320-overview::before,.page.active.vx12-page-enter>.vx320-wrap,.page.active.vx12-page-enter>.container,.page.active.vx12-page-enter>.v2-container,.page.active.vx12-page-enter>.vx65-rank-page{animation:none!important}
  .vx320-feed-card,.vx320-game-card,.vx320-benefit-grid>button,.vx400-business-card,.vx400-connect-card,.vx63-market-category,.vx800-server-rank-card{transition:none!important}
}