/* ui.css — halo only (MIT) */
.card-glow{
  box-shadow:
    0 0 0 8px rgba(37,99,235,0.06),
    0 18px 48px rgba(2,8,23,0.08);
}
@media (prefers-color-scheme: dark){
  .card-glow{ box-shadow: 0 0 0 8px rgba(37,99,235,0.14), 0 24px 64px rgba(0,0,0,0.45); }
}

/* Shiny gradient frame (bronze / silver / gold) */
.shine{position:relative;border-radius:1rem;padding:1px;}
.shine>.card{position:relative;z-index:1;border-radius:calc(1rem - 1px);}
.shine::before{content:"";position:absolute;inset:-10px;border-radius:1.25rem;filter:blur(18px);opacity:.6;z-index:0}

/* Bronze */
.shine-bronze{background:linear-gradient(135deg,#ffcc80,#ffb74d,#ffe0b2)}
.shine-bronze::before{
  background:
    radial-gradient(60% 60% at 20% 10%,rgba(255,193,7,.7),transparent 60%),
    conic-gradient(from 0deg at 50% 50%,rgba(255,193,7,.4),rgba(255,87,34,.25),rgba(255,193,7,.4));
}
 
/* Silver */
.shine-silver{background:linear-gradient(135deg,#cfd8dc,#eceff1,#b0bec5)}
.shine-silver::before{
  background:
    radial-gradient(60% 60% at 70% 20%,rgba(176,190,197,.7),transparent 60%),
    conic-gradient(from 0deg at 50% 50%,rgba(236,239,241,.5),rgba(120,144,156,.3),rgba(236,239,241,.5));
}

/* Gold */
.shine-gold{background:linear-gradient(135deg,#ffd54f,#ffca28,#ffe082)}
.shine-gold::before{
  background:
    radial-gradient(60% 60% at 30% 80%,rgba(255,215,64,.7),transparent 60%),
    conic-gradient(from 0deg at 50% 50%,rgba(255,215,64,.5),rgba(255,111,0,.3),rgba(255,215,64,.5));
}


/* Shiny brand-blue frame */
.shine-blue{
  background: linear-gradient(135deg, rgba(37,99,235,.85), rgba(29,78,216,.7), rgba(191,219,254,.6));
}
.shine-blue::before{
  content:""; position:absolute; inset:-10px; z-index:0; border-radius:1.25rem;
  background:
    radial-gradient(60% 60% at 25% 15%, rgba(59,130,246,.6), transparent 60%),
    conic-gradient(from 0deg at 50% 50%, rgba(191,219,254,.5), rgba(59,130,246,.35), rgba(191,219,254,.5));
  filter: blur(18px); opacity:.6;
}

/* Sayfa geçiş animasyonu */
body {
  opacity: 0;
  transition: opacity 220ms ease;
}

/* Sayfa yüklendiğinde */
body.page-ready {
  opacity: 1;
}

/* Yeni sayfaya giderken */
body.page-fade-out {
  opacity: 0;
}