/* ThemeFifteen v2.0.13 (otomatik birlesim) */
/* ThemeFifteen v2.0.11 (otomatik birlesim) */
/* ============================================================
   KORMOS2 - ThemeFifteen v2
   Metin2HazirPanel ThemeFifteen uyarlamasi (mor / altin, 3 kolon)
   Bu dosya SADECE tema aktifken yuklenir; bu yuzden kapsamsiz
   (unscoped) yazildi ve orijinal panel isaretlemesini hedefler.
   Isaretleme: .t1-topbar / .t1-nav / .t1-header / .t1-container
               > aside.t1-side + main.t1-content + aside.t1-side
   ============================================================ */

:root {
  --tf-bg: #0b0714;
  --tf-panel: #131024;
  --tf-panel-2: #0f0d1e;
  --tf-panel-3: #17122c;
  --tf-line: #2b2147;
  --tf-gold: #d8b45b;
  --tf-gold-bright: #f8c84a;
  --tf-gold-deep: #8a6420;
  --tf-purple: #8b6ad6;
  --tf-text: #ded7f2;
  --tf-muted: #9d92ba;
  --tf-red: #b5364e;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  color: var(--tf-text);
  font-family: "Trebuchet MS", "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  background:
    linear-gradient(180deg, rgba(8, 5, 17, 0) 0%, rgba(8, 5, 17, .55) 62%, #0b0714 100%),
    radial-gradient(900px 420px at 50% 0%, rgba(90, 60, 150, .18), transparent 70%),
    #0b0714;
  background-attachment: scroll;
  min-height: 100vh;
}
img { max-width: 100%; border: 0; }
a { color: #c7b6ee; }
a:hover { color: var(--tf-gold-bright); }
::selection { background: rgba(139, 106, 214, .55); color: #fff; }

/* ============================================================
   1) UST BAR / MENU
   ============================================================ */
.t1-topbar {
  position: sticky !important;
  top: 0;
  z-index: 99999 !important;
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, rgba(10, 7, 20, .98), rgba(19, 14, 36, .94));
  border-bottom: 1px solid rgba(216, 180, 91, .30);
  box-shadow: 0 5px 24px rgba(0, 0, 0, .62);
  overflow: visible !important;
}
.t1-topbar .wrap {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0;
}
/* Ust satir (bayrak + giris/kayit) menuden ONCE gelir */
.t1-topbar .t1-row2 {
  order: -1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 3px 0 4px !important;
  border-bottom: 1px solid rgba(216, 180, 91, .12);
}
.t1-topbar .t1-row1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  padding: 0 !important;
  width: 100%;
}
.t1-counts { display: none !important; }

/* Menu: 4 oge | 200px bosluk | 3 oge (referans site duzeni) */
.t1-nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)) 200px repeat(3, minmax(0, 1fr));
  align-items: stretch;
  width: 100%;
  gap: 0;
  padding: 0;
}
.t1-nav > :nth-child(5) { grid-column: 6; }
.t1-nav > :nth-child(6) { grid-column: 7; }
.t1-nav > :nth-child(7) { grid-column: 8; }

.t1-nav > a,
.t1-nav > .dd {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 8px 4px 9px;
  border-right: 1px solid rgba(216, 180, 91, .10);
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .5px;
  text-shadow: 0 1px 2px #000;
  cursor: pointer;
  transition: background .2s, color .2s;
}
.t1-nav > :nth-child(4),
.t1-nav > :nth-child(7) { border-right: 0; }

/* Cince karakter (sitedeki font-special-red d-block) — icerik CSS ile gelir */
.t1-nav > a::before,
.t1-nav > .dd::before {
  content: "";
  display: block;
  height: 17px;
  margin-bottom: 2px;
  font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", "SimHei", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 17px;
  text-transform: none;
  letter-spacing: 0;
  color: #f8b700;
  background: linear-gradient(to bottom, #745c17 0%, #f8b700 70%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 8px rgba(248, 183, 0, .30);
}
.t1-nav > a[href="index.php"]::before,
.t1-nav > a[href="./"]::before { content: "主页"; }
.t1-nav > a[href*="p=register"]::before { content: "新闻"; }
.t1-nav > .dd::before { content: "媒体"; }
.t1-nav > a[href*="p=download"]::before { content: "下载"; }
.t1-nav > a[href*="t=guild"]::before { content: "活动"; }
.t1-nav > a[href*="p=support"]::before { content: "支持"; }
.t1-nav > a[href*="p=market"]::before { content: "商城"; }

.t1-nav > a:hover,
.t1-nav > .dd:hover,
.t1-nav > a.on,
.t1-nav > .dd.on {
  background: rgba(123, 88, 190, .22);
  color: #fff !important;
}

/* ALTERNATIF MENU GORUNUMU (onceki onizlemedeki altin elmaslar).
   Cince simge yerine elmas isterseniz asagidaki blogun basindaki ve
   sonundaki yorum isaretlerini kaldirin; gerisi otomatik uygulanir. */
/*
.t1-nav > a::before,
.t1-nav > .dd::before {
  content: "◆";
  height: 13px;
  font-family: inherit;
  font-size: 10px;
  line-height: 13px;
  color: #d8b45b;
  background: none;
  -webkit-text-fill-color: #d8b45b;
  text-shadow: 0 0 8px rgba(216, 180, 91, .45);
}
.t1-nav > a[href="index.php"]::before,
.t1-nav > a[href="./"]::before,
.t1-nav > a[href*="p=register"]::before,
.t1-nav > .dd::before,
.t1-nav > a[href*="p=download"]::before,
.t1-nav > a[href*="t=guild"]::before,
.t1-nav > a[href*="p=support"]::before,
.t1-nav > a[href*="p=market"]::before { content: "◆"; }
*/

/* Acilir menu */
.t1-nav .dd-menu {
  top: 100% !important;
  left: 0;
  min-width: 190px;
  padding: 4px 0;
  background: #17122b;
  border: 1px solid #443264;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .70);
  z-index: 100001 !important;
}
.t1-nav .dd-menu a {
  display: block;
  padding: 8px 12px;
  color: #cfc4e9 !important;
  text-align: left;
  text-transform: none;
  letter-spacing: 0;
  font-size: 11px;
  text-shadow: none;
}
.t1-nav .dd-menu a:hover {
  background: rgba(139, 106, 214, .22);
  color: #fff !important;
}

/* Ust satir ogeleri */
.t1-row2 .t1-lang { position: relative; display: flex; align-items: center; }
.t1-row2 .t1-lang img {
  width: 20px;
  height: 14px;
  border: 1px solid #4a3a70;
  opacity: .92;
  vertical-align: middle;
}
.t1-row2 .dd-menu {
  left: 0;
  top: 100%;
  min-width: 0;
  padding: 4px;
  background: #17122b;
  border: 1px solid #443264;
}
.t1-row2 .t1-userbox {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
}
.t1-row2 .t1-btn {
  display: inline-block;
  padding: 3px 11px;
  border: 1px solid #7457a4;
  border-radius: 2px;
  background: linear-gradient(180deg, #4b3475, #24163d);
  color: #eee3ff !important;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: .6px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .35);
}
.t1-row2 .t1-btn.hot {
  border-color: #a77f2f;
  background: linear-gradient(180deg, #8a6420, #4e3510);
  color: #fff1b8 !important;
}
.t1-row2 .t1-btn:hover { filter: brightness(1.18); }

/* ============================================================
   2) BUYUK LOGO / HERO ALANI
   ============================================================ */
.t1-header {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 380px;
  min-height: 380px;
  margin: 0;
  padding: 0;
  background-position: center 18% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
  z-index: 1;
}
.t1-header::before { display: none !important; }
.t1-header::after,
.t1-heroart::after { display: none !important; }
.t1-header .wrap {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 34px 15px 0;
  position: relative;
  z-index: 2;
}
.t1-header > * { position: relative; z-index: 2; }
.t1-logo {
  display: block;
  width: 340px;
  max-width: 56%;
  margin: 0;
  text-decoration: none;
}
.t1-logo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 190px;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .85)) drop-shadow(0 0 18px rgba(123, 88, 190, .30));
  animation: none !important;
}
.t1-logo .txt {
  display: block;
  color: #f8c84a;
  font-size: 44px;
  font-weight: 900;
  letter-spacing: 3px;
  text-shadow: 0 2px 4px #000, 0 0 18px rgba(139, 106, 214, .5);
}

/* ============================================================
   3) 3 KOLON ISKELET
   ============================================================ */
.t1-container {
  position: relative;
  z-index: 3;
  max-width: 1140px;
  margin: -114px auto 0;
  padding: 0 15px 44px;
  display: grid;
  grid-template-columns: minmax(0, 25%) minmax(0, 1fr) minmax(0, 25%);
  gap: 0;
  align-items: stretch;
  box-shadow: 0 0 10px rgba(0, 0, 0, .58);
}
.t1-side {
  width: auto;
  flex-shrink: 1;
  min-width: 0;
  background: #131024;
}
.t1-container > .t1-side:first-child {
  grid-column: 1;
  border: 1px solid #0b0818;
  border-right: 0;
}
.t1-container > .t1-content {
  grid-column: 2;
  min-width: 0;
  padding: 0 12px 22px;
  background:
    radial-gradient(circle at 50% 0%, rgba(110, 77, 170, .10), transparent 45%),
    #0f0d1e;
  border-top: 1px solid #0b0818;
  border-bottom: 1px solid #0b0818;
}
.t1-container > .t1-side:last-child {
  grid-column: 3;
  border: 1px solid #0b0818;
  border-left: 0;
}

/* ============================================================
   4) YAN PANEL KARTLARI
   ============================================================ */
.t1-side .t1-box {
  margin: 0 !important;
  padding: 0;
  background:
    url('images/side-red-light.png') right top / 100% auto no-repeat,
    linear-gradient(180deg, #17122c, #100c20);
  border: 0;
  border-bottom: 1px solid #0a0714;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}
.t1-side .t1-box:last-child { border-bottom: 0; }
.t1-side > a.t1-box { padding: 0; margin: 0; }
.t1-side > a.t1-box > div:last-child { padding: 12px 14px; color: #b9add3 !important; font-size: 11px; line-height: 1.55; }
.t1-side > a.t1-box:hover .sidebar-title { color: #f8c84a !important; }
.t1-side a.t1-box { display: block !important; text-decoration: none; }
/* Login kartının altında rehber/video/sosyal/destek kartları görünür. */
.t1-side .tf-login-card ~ a.t1-box { display: block !important; }

.t1-side .sidebar-title {
  position: relative;
  height: auto;
  margin: 0;
  padding: 14px 8px 10px;
  border: 0;
  border-bottom: 1px solid rgba(216, 180, 91, .18);
  background: linear-gradient(180deg, rgba(71, 49, 106, .26), transparent);
  color: #f8b700 !important;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .8px;
  text-shadow: 0 2px 2px #000, 0 0 14px rgba(248, 183, 0, .18);
}
.t1-side .sidebar-title a { color: #f8b700 !important; text-decoration: none; }
.t1-side .sidebar-title.stitle > span { display: none; }
.t1-side .sidebar-title .all {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 62px;
  color: #a891cd !important;
  text-align: right;
  white-space: normal;
  font-size: 8px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .5px;
}
.t1-side .sidebar-title .all:hover { color: #f8c84a !important; }

/* ============================================================
   5) SOL GIRIS KARTI
   ============================================================ */
.tf-login { padding: 12px 12px 14px; }
.tf-login label {
  display: block;
  margin: 0 0 9px;
  color: #a99ac7;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
.tf-login input {
  width: 100%;
  max-width: none;
  margin-top: 4px;
  padding: 8px 9px;
  background: rgba(6, 4, 14, .84);
  border: 1px solid #352a55;
  border-radius: 0;
  color: #f0eaff;
  font-family: inherit;
  font-size: 12px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .45);
}
.tf-login input:focus {
  outline: none;
  border-color: #8f6ad6;
  box-shadow: 0 0 0 1px rgba(143, 106, 214, .30), inset 0 0 10px rgba(0, 0, 0, .45);
}
.tf-login input::placeholder { color: #655a80; }
.tf-login button {
  display: block;
  width: 132px;
  height: 35px;
  margin: 12px auto 8px;
  padding: 0;
  background: url('images/login-btn.png') center / contain no-repeat;
  border: 0;
  color: #e7ce82;
  text-align: center;
  text-transform: uppercase;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  text-shadow: 0 1px 3px #000;
  cursor: pointer;
  box-shadow: 0 0 18px rgba(35, 29, 69, .85);
}
.tf-login button:hover { filter: brightness(1.22); }
.tf-login-links {
  margin-top: 2px;
  color: #a99ac7;
  text-align: center;
  font-size: 10px;
}
.tf-login-links a { color: #cbb8f0; text-decoration: none; }
.tf-login-links a:hover { color: #f8c84a; }
.tf-login-links span { margin: 0 5px; color: #4a3a70; }
.tf-user {
  margin: 2px 0 10px;
  color: #cbb8f0;
  text-align: center;
  font-size: 12px;
}
.tf-login-btn {
  display: block;
  width: 132px;
  margin: 0 auto 8px;
  padding: 8px 10px;
  border: 1px solid #6f51a8;
  background: linear-gradient(180deg, #4b3475, #24163d);
  color: #f0e6ff !important;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .6px;
}
.tf-login-link {
  display: block;
  color: #a99ac7 !important;
  text-align: center;
  text-decoration: none;
  font-size: 10px;
}
.tf-login-link:hover { color: #f8c84a !important; }

/* ============================================================
   6) SIRALAMA LISTELERI
   ============================================================ */
.t1-side .t1-rank { padding: 4px 10px 12px; }
.t1-side .t1-rank-row {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  color: #cfc6e8;
  font-size: 11px;
  line-height: 1.35;
}
.t1-side .t1-rank-row:last-child { border-bottom: 0; }
.t1-side .t1-rank-row .n {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  padding-top: 1px;
  border: 1px solid #423366;
  border-radius: 0;
  background: #221a3d;
  color: #d8b45b;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}
.t1-side .t1-rank-row:nth-child(1) .n {
  background: url('images/rank-gold.png') center / contain no-repeat;
  border: 0;
  color: transparent;
  text-shadow: none;
}
.t1-side .t1-rank-row:nth-child(2) .n {
  background: url('images/rank-silver.png') center / contain no-repeat;
  border: 0;
  color: transparent;
  text-shadow: none;
}
.t1-side .t1-rank-row:nth-child(3) .n {
  background: url('images/rank-bronze.png') center / contain no-repeat;
  border: 0;
  color: transparent;
  text-shadow: none;
}
.t1-side .t1-rank-row .nm { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.t1-side .t1-rank-row .nm small { color: #8d80ac; font-size: 9px; }
.t1-side .t1-rank-row .lv { color: #d8b45b; font-weight: 700; white-space: nowrap; }
.t1-side .t1-rank-row:hover { background: rgba(139, 106, 214, .08); }

/* ============================================================
   7) INDIR BUTONU + ISTATISTIK KARTI (sag)
   ============================================================ */
.t1-side .t1-dl {
  display: block;
  width: calc(100% - 20px);
  height: 94px;
  margin: 10px;
  padding: 0;
  overflow: hidden;
  background: url('images/download.png') center / contain no-repeat;
  border: 0;
  border-radius: 0;
  color: transparent !important;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  box-shadow: 0 0 18px rgba(0, 0, 0, .45);
  transition: filter .2s, transform .2s;
}
.t1-side .t1-dl::after { display: none !important; }
.t1-side .t1-dl:hover { filter: brightness(1.12); transform: translateY(-1px); }

.tf-stats {
  min-height: 178px;
  padding: 18px 12px 30px 20px;
  background: url('images/stats.png') right top / auto 100% no-repeat;
}
.tf-stat {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(216, 180, 91, .14);
  color: #b9add6;
  font-size: 11px;
}
.tf-stat b {
  color: #d2b973;
  font-size: 18px;
  line-height: 1;
  text-shadow: 0 0 12px rgba(248, 183, 0, .20);
}
.tf-pop-label {
  margin: 16px 0 6px;
  color: #9d92ba;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 1.2px;
}
.tf-pop {
  height: 14px;
  overflow: hidden;
  border-radius: 7px;
  background: rgba(2, 1, 8, .72);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .55), inset 0 0 6px rgba(0, 0, 0, .7);
}
.tf-pop span {
  display: block;
  height: 100%;
  background:
    url('images/server-population-bar.png') repeat-x,
    linear-gradient(90deg, #72c118 0%, #d8b45b 52%, #a52b0e 100%);
  box-shadow: 0 0 12px rgba(216, 180, 91, .25);
}

/* ============================================================
   8) ORTA ICERIK / SLIDER
   ============================================================ */
.t1-content > .homeslider:first-child { margin-top: 0; }
.homeslider {
  position: relative;
  height: 280px;
  margin: 0 0 16px;
  overflow: hidden;
  border: 1px solid #0b0817;
  border-radius: 0;
  background: #0a0714;
  box-shadow:
    inset 0 0 40px 20px rgba(0, 0, 0, .58),
    0 6px 18px rgba(0, 0, 0, .50);
}
.homeslider::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 4%;
  right: 4%;
  z-index: 2;
  height: 64px;
  background: url('images/slider-top.png') center top / 100% auto no-repeat;
  opacity: .32;
  mix-blend-mode: screen;
  pointer-events: none;
}
.homeslider::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, .62) 0%, rgba(0, 0, 0, .10) 52%, rgba(0, 0, 0, .35) 100%) !important;
  z-index: 1;
}
.hs-slide { background-position: center center; }
.hs-cap {
  left: 20px;
  bottom: 20px;
  z-index: 3;
  max-width: 82%;
}
.hs-cap .hs-t {
  color: #f8c84a;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .5px;
  text-shadow: 0 2px 4px #000, 0 0 16px rgba(248, 183, 0, .25);
}
.hs-a {
  display: inline-block;
  padding: 8px 18px;
  border: 1px solid #b08a38;
  background: linear-gradient(180deg, #8a6420, #4d3410);
  color: #fff1b8 !important;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .8px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .45), 0 0 16px rgba(216, 180, 91, .18);
}
.hs-a:hover { filter: brightness(1.16); }
.hs-dots { right: 16px; bottom: 20px; z-index: 3; }
.hs-dots button {
  width: 9px;
  height: 9px;
  border: 1px solid rgba(216, 180, 91, .65);
  background: rgba(0, 0, 0, .35);
}
.hs-dots button.on {
  background: #d8b45b;
  border-color: #f8c84a;
  box-shadow: 0 0 10px rgba(248, 200, 74, .65);
}

/* Vitrin kartlari tema duzeninde gizli (referans: slider + duyuru) */
.showgrid { display: none !important; }

/* ============================================================
   9) DUYURULAR
   ============================================================ */
.t1-list {
  position: relative;
  margin: 0 0 16px;
  padding: 0 14px 18px;
  background: linear-gradient(180deg, rgba(20, 15, 40, .82), rgba(13, 10, 27, .92));
  border: 1px solid #0b0817;
  border-radius: 0;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .35);
  color: var(--tf-text);
  overflow: hidden;
}
.t1-list h2 {
  position: relative;
  height: 84px;
  margin: 0 -14px 8px;
  padding: 31px 18px 0;
  overflow: hidden;
  border-bottom: 1px solid #191432;
  background:
    url('images/news-clean.png') right bottom / auto 100% no-repeat,
    linear-gradient(90deg, rgba(26, 19, 48, .98) 0%, rgba(26, 19, 48, .72) 58%, rgba(26, 19, 48, .24) 100%);
  color: #f8b700;
  text-align: center;
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-shadow: 0 2px 3px #000, 0 0 16px rgba(248, 183, 0, .18);
}
.t1-list h3 { margin: 10px 0 7px; color: #e6d8b0; font-size: 14px; }
.t1-list p,
.t1-list li { color: var(--tf-text); font-size: 12px; }
.t1-list a { color: #c8b7ef; }
.t1-list a:hover { color: #f8c84a; }
.t1-newsrow {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  color: var(--tf-text);
  text-decoration: none;
}
.t1-newsrow:hover { background: rgba(139, 106, 214, .08); }
.t1-newsrow b { color: #bfaee5; font-size: 12px; }
.t1-newsrow span { flex: 0 0 auto; color: #b65468; font-size: 10px; }
.muted { color: var(--tf-muted) !important; }

/* ============================================================
   10) BUTONLAR / FORMLAR / ICERIK SAYFALARI
   ============================================================ */
.t1-btn {
  display: inline-block;
  padding: 8px 18px;
  border: 1px solid #7a5b9f;
  border-radius: 2px;
  background: linear-gradient(180deg, #4b3475, #24163d);
  color: #eee3ff !important;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .7px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .45), 0 0 12px rgba(0, 0, 0, .35);
}
.t1-btn:hover { filter: brightness(1.18); color: #fff !important; }
.t1-btn.hot {
  border-color: #b08a38;
  background: linear-gradient(180deg, #8a6420, #4d3410);
  color: #fff1b8 !important;
}
.t1-btn.big {
  display: block;
  width: 100%;
  margin-top: 14px;
  padding: 12px;
  text-align: center;
  font-size: 14px;
}

input,
select,
textarea {
  width: 100%;
  max-width: 100%;
  padding: 8px 9px;
  border: 1px solid #352a55;
  border-radius: 0;
  background: rgba(6, 4, 14, .84);
  color: #f0eaff;
  font-family: inherit;
  font-size: 12px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .35);
}
input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: #8f6ad6;
  box-shadow: 0 0 0 1px rgba(143, 106, 214, .30), inset 0 0 10px rgba(0, 0, 0, .35);
}
input::placeholder,
textarea::placeholder { color: #655a80; }
label { color: #a99ac7; font-size: 10px; letter-spacing: .6px; }

.regform { max-width: 640px; margin: 0 auto; }
.regform h2 { text-align: center; }
.regform label {
  display: block;
  margin: 10px 0;
  color: #b9add6;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .9px;
}
.regform input,
.regform select { max-width: none; }
.regform .agree { display: flex; align-items: center; gap: 8px; text-transform: none; letter-spacing: 0; }
.regform .agree input { width: auto; }

.tbl {
  width: 100%;
  border-collapse: collapse;
  background: #141028;
  border: 1px solid #352a55;
  color: var(--tf-text);
  font-size: 12px;
}
.tbl th {
  padding: 8px 7px;
  border: 1px solid #352a55;
  background: linear-gradient(180deg, #4b3475, #24163d);
  color: #f8c84a;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: .7px;
}
.tbl td { padding: 7px; border: 1px solid #2b2147; color: #d7cff0; }
.tbl tr:nth-child(even) td { background: rgba(139, 106, 214, .07); }
.tbl tr:hover td { background: rgba(216, 180, 91, .08); }
.warn {
  margin: 0 0 12px;
  padding: 9px 11px;
  border: 1px solid #9d3348;
  background: rgba(91, 22, 37, .72);
  color: #ffd6de;
}
.okmsg {
  padding: 9px 11px;
  border: 1px solid #4e8b45;
  background: rgba(27, 71, 30, .72);
  color: #c9f2c3;
}

.dlgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-top: 12px; }
.dlcard {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px;
  border: 1px solid #443264;
  border-radius: 0;
  background: linear-gradient(180deg, #1b1533, #100c20);
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
.dlcard:hover {
  transform: translateY(-2px);
  border-color: #8f6ad6;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .55), 0 0 16px rgba(139, 106, 214, .18);
}
.dlcard b { display: block; color: #f0e6ff; font-size: 14px; }
.dlcard small { color: #9d92ba; font-size: 10px; }
.dl-ic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border: 1px solid #8a6420;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #f8c84a, #6d4f16 70%);
  color: #1a1005;
  font-size: 18px;
  font-weight: 900;
}

.itemgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(155px, 1fr)); gap: 12px; }
.item {
  padding: 12px;
  border: 1px solid #352a55;
  border-radius: 0;
  background: linear-gradient(180deg, #1b1533, #100c20);
  text-align: center;
}
.item img { width: 64px; height: 64px; object-fit: contain; }
.price { color: #f8c84a; font-weight: 700; }
.cats { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0; }
.cats a {
  padding: 6px 12px;
  border: 1px solid #443264;
  border-radius: 0;
  background: #1b1533;
  color: #d8d0ef;
  text-decoration: none;
  font-size: 10px;
}
.cats a:hover,
.cats a.active { border-color: #8f6ad6; background: #2a1e47; color: #fff; }

.cp-rows { margin: 12px 0; border: 1px solid #352a55; background: #141028; }
.cp-rows div { display: flex; padding: 9px 13px; border-bottom: 1px solid #2b2147; }
.cp-rows div:last-child { border-bottom: 0; }
.cp-rows div span { width: 180px; color: #c8b7ef; font-weight: 700; font-size: 11px; }
.cp-rows div b { color: #f0e6ff; }
.cp-btn {
  display: block;
  padding: 12px;
  border-radius: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .8px;
  transition: filter .2s, transform .2s;
}
.cp-btn:hover { filter: brightness(1.15); transform: translateY(-1px); }
.cp-btn.red { border: 1px solid #9d3348; background: linear-gradient(180deg, #b5364e, #641529); color: #ffe7ec; }
.cp-btn.dark { border: 1px solid #443264; background: linear-gradient(180deg, #2a1e47, #141028); color: #ded7f2; }

.vidwrap { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; background: #000; }
.vidwrap iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; max-width: none !important; }

/* ============================================================
   11) ALT BILGI
   ============================================================ */
.t1-footer {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1140px;
  min-height: 0;
  margin: 0 auto;
  padding: 30px 15px 42px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  background: linear-gradient(180deg, rgba(8, 5, 17, .30), rgba(8, 5, 17, .82));
  color: #b8a8d8;
  text-align: center;
  box-shadow: none;
}
.t1-footer .wrap {
  display: block !important;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 0;
}
.t1-footer .f-logo img {
  display: inline-block;
  max-width: 200px;
  opacity: .86;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .6));
}
.t1-footer .f-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin: 18px 0;
  padding: 0;
  list-style: none;
}
.t1-footer .f-links a {
  color: #e0deff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .6px;
  opacity: .9;
}
.t1-footer .f-links a:hover { color: #f8c84a; opacity: 1; }
.t1-footer .f-copy { margin-top: 10px; color: #8f83ad; font-size: 12px; opacity: 1; }
.t1-footer .f-copy a { color: #b8a8d8; }

/* ============================================================
   12) SABIT SOSYAL CUBUK / SAYAC
   ============================================================ */
.socbar a { border-color: #5a437e; background: #1b1533; color: #d8b45b; }
.socbar a:hover { background: #2a1e47; box-shadow: 0 0 18px rgba(139, 106, 214, .45); }
.kcd { border-top-color: #d8b45b; }
.kcd-unit b { color: #f8c84a; }

/* ============================================================
   13) KUCUK DUZELTMELER
   ============================================================ */
.fadein { animation: tfFadeUp .45s ease-out; }
@keyframes tfFadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}
.warn + .t1-list { margin-top: 12px; }
.t1-list > .t1-btn { margin: 2px 4px 4px 0; }

/* ============================================================
   14) RESPONSIVE
   ============================================================ */
@media (max-width: 1020px) {
  .t1-nav { grid-template-columns: repeat(4, minmax(0, 1fr)) 140px repeat(3, minmax(0, 1fr)); }
  .t1-nav > a,
  .t1-nav > .dd { font-size: 10px; letter-spacing: .3px; }
  .t1-header { height: 340px; min-height: 340px; }
  .t1-container { margin-top: -90px; }
}

/* Dar yan panelde baslik ile "+ Tum Liste" cakisiyor (baslik zaten ayni
   sayfaya link): kucuk link gizlenir. */
@media (max-width: 1080px) {
  .t1-side .sidebar-title .all { display: none !important; }
}

@media (max-width: 900px) {
  .t1-nav { grid-template-columns: repeat(4, minmax(0, 1fr)) 70px repeat(3, minmax(0, 1fr)); }
  .t1-header { height: 270px; min-height: 270px; }
  .t1-header .wrap { padding-top: 26px; }
  .t1-logo { width: 300px; max-width: 70%; }
  .t1-logo img { max-height: 150px; }
  .t1-container {
    display: flex;
    flex-direction: column;
    margin-top: -60px;
    padding: 0 12px 34px;
  }
  .t1-container > .t1-content {
    order: -1;
    width: 100%;
    padding: 0 10px 18px;
    border: 1px solid #0b0818;
    margin-bottom: 14px;
  }
  .t1-container > .t1-side {
    width: 100%;
    border: 1px solid #0b0818;
    margin-bottom: 14px;
  }
  .t1-container > .t1-side:last-child { margin-bottom: 0; }
  .t1-side:first-child {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
  }
  .t1-side:first-child .t1-box { border: 0; border-right: 1px solid #0a0714; }
  .t1-side:first-child .t1-box:last-child { border-right: 0; }
  .t1-footer { padding: 26px 15px 36px; }
}

@media (max-width: 700px) {
  .t1-topbar .wrap { padding: 0 8px; }
  .t1-nav { display: flex; flex-wrap: wrap; justify-content: center; }
  .t1-nav > a,
  .t1-nav > .dd { flex: 1 0 31%; padding: 7px 2px 6px; font-size: 9px; border-right: 0; border-bottom: 1px solid rgba(216, 180, 91, .08); }
  .t1-nav > a::before,
  .t1-nav > .dd::before { height: 15px; font-size: 13px; line-height: 15px; }
  .t1-nav > :nth-child(5),
  .t1-nav > :nth-child(6),
  .t1-nav > :nth-child(7) { grid-column: auto; }
  .t1-header { height: 220px; min-height: 220px; }
  .t1-header .wrap { padding: 20px 12px 0; }
  .t1-logo { width: 250px; max-width: 78%; }
  .t1-logo img { max-height: 120px; }
  .t1-container { margin-top: -40px; padding: 0 8px 30px; }
  .t1-side:first-child { grid-template-columns: 1fr; }
  .t1-side:first-child .t1-box { border-right: 0; border-bottom: 1px solid #0a0714; }
  .t1-side .t1-dl { height: 86px; }
  .homeslider { height: 210px; }
  .hs-cap { left: 12px; bottom: 12px; gap: 6px; max-width: 90%; }
  .hs-cap .hs-t { font-size: 15px; }
  .hs-a { padding: 6px 12px; font-size: 9px; }
  .hs-dots { right: 12px; bottom: 12px; }
  .t1-list { padding: 0 10px 14px; }
  .t1-list h2 { height: 70px; margin: 0 -10px 8px; padding: 27px 12px 0; background-size: auto 88%, auto 100%; font-size: 16px; }
  .t1-newsrow { display: block; }
  .t1-newsrow span { display: block; margin-top: 3px; }
  .t1-footer .f-links { gap: 14px; }
}


@keyframes kfxglow{0%,100%{filter:drop-shadow(0 0 4px rgba(217,164,65,.3))}50%{filter:drop-shadow(0 0 16px rgba(217,164,65,.7))}}
@keyframes kfxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes kfxpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes kfxswing{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes kfxflick{0%,100%{opacity:1}8%{opacity:.4}10%{opacity:1}46%{opacity:1}48%{opacity:.5}50%{opacity:1}}
@keyframes kfxbreathe{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.025);filter:brightness(1.12)}}
@keyframes kfxbounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes kfxneon{0%,100%{filter:drop-shadow(0 0 3px rgba(217,164,65,.35))}50%{filter:drop-shadow(0 0 14px rgba(245,214,123,.85)) drop-shadow(0 0 26px rgba(217,164,65,.45))}}
@keyframes kfxslowspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.t1-header{min-height:600px}
.t1-logo img{max-height:180px}
.t1-btn,.btn{font-size:15px}
.sidebar-title{font-size:16px}
.t1-header .wrap{text-align:center}.t1-logo{display:inline-block}
.t1-header{background-color:rgba(0,0,0,0);animation:kfxglow 3s ease-in-out infinite;}
.t1-logo img{animation:kfxpulse 2.5s ease-in-out infinite;}
.t1-topbar{background-image:url('images/login-btn.png');background-size:cover;background-position:center;animation:kfxglow 3s ease-in-out infinite;}
.t1-btn,.btn{transition:transform .25s;}
.t1-btn,.btn:hover{transform:scale(1.04)}
.t1-dl{transition:transform .25s;}
.t1-dl:hover{transform:scale(1.04)}
.sidebar-title{transition:transform .25s;}
.sidebar-title:hover{transform:scale(1.04)}
.t1-rank-row{transition:transform .25s;}
.t1-rank-row:hover{transform:scale(1.04)}
.top-news,.showcard{transition:transform .25s;}
.top-news,.showcard:hover{transform:scale(1.04)}
.t1-footer{position:relative;overflow:hidden}
.t1-footer::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:kfxshim 3.5s infinite}
@keyframes kfxshim{0%{left:-80%}55%{left:130%}100%{left:130%}}
.kvfx{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.kvfx i{position:absolute;inset:-15%;display:block}
.kvfx-rain i{background-image:repeating-linear-gradient(105deg,rgba(180,220,255,.45) 0 1px,transparent 1px 9px);animation:kvfxrain .8s linear infinite}
@keyframes kvfxrain{from{transform:translate3d(0,-10%,0)}to{transform:translate3d(-4%,10%,0)}}
.kvfx-snow i{background-image:radial-gradient(2px 2px at 20% 15%,#fff,transparent),radial-gradient(2px 2px at 68% 42%,#fff,transparent),radial-gradient(1.5px 1.5px at 42% 78%,#fff,transparent),radial-gradient(2.5px 2.5px at 85% 65%,#fff,transparent),radial-gradient(1.5px 1.5px at 8% 60%,#fff,transparent);background-size:240px 240px,300px 300px,200px 200px,340px 340px,260px 260px;animation:kvfxsnow 16s linear infinite}
@keyframes kvfxsnow{from{transform:translateY(-12%)}to{transform:translateY(12%)}}
.kvfx-sparks i{background-image:radial-gradient(2px 2px at 30% 70%,#f5d67b,transparent),radial-gradient(1.5px 1.5px at 62% 22%,#ffdca8,transparent),radial-gradient(2px 2px at 80% 55%,#f5d67b,transparent),radial-gradient(1.5px 1.5px at 12% 35%,#ffcf7a,transparent);background-size:220px 220px,260px 260px,300px 300px,240px 240px;animation:kvfxspark 3.5s ease-in-out infinite alternate}
@keyframes kvfxspark{0%{opacity:.25;transform:translateY(0) scale(.98)}50%{opacity:.9}100%{opacity:.35;transform:translateY(-10px) scale(1.02)}}
.kvfx-glow_dots i{background-image:radial-gradient(70px 70px at 22% 28%,rgba(217,164,65,.45),transparent),radial-gradient(90px 90px at 76% 62%,rgba(120,180,255,.30),transparent),radial-gradient(60px 60px at 48% 82%,rgba(217,164,65,.30),transparent);background-size:420px 420px,520px 520px,460px 460px;animation:kvfxglowdots 7s ease-in-out infinite}
@keyframes kvfxglowdots{0%,100%{opacity:.45}50%{opacity:1}}
.kvfx-fireflies i{background-image:radial-gradient(3px 3px at 20% 80%,rgba(245,214,123,.95),transparent),radial-gradient(2px 2px at 55% 65%,rgba(255,220,150,.90),transparent),radial-gradient(2.5px 2.5px at 80% 85%,rgba(245,214,123,.85),transparent),radial-gradient(2px 2px at 35% 40%,rgba(255,235,180,.80),transparent);background-size:280px 280px,320px 320px,240px 240px,360px 360px;animation:kvfxflies 10s ease-in-out infinite alternate}
@keyframes kvfxflies{0%{transform:translateY(8%) scale(1);opacity:.55}50%{opacity:1}100%{transform:translateY(-12%) scale(1.08);opacity:.45}}
.kvfx-bubbles i{background-image:radial-gradient(circle at 30% 70%,rgba(150,210,255,.22) 0 7px,transparent 8px),radial-gradient(circle at 70% 40%,rgba(180,230,255,.18) 0 11px,transparent 12px),radial-gradient(circle at 45% 20%,rgba(200,240,255,.15) 0 5px,transparent 6px);background-size:260px 260px,340px 340px,220px 220px;animation:kvfxbubbles 14s linear infinite}
@keyframes kvfxbubbles{from{transform:translateY(14%)}to{transform:translateY(-14%)}}
.kvfx-embers i{background-image:radial-gradient(2px 3px at 25% 85%,rgba(255,120,40,.90),transparent),radial-gradient(1.5px 2.5px at 60% 70%,rgba(255,80,30,.80),transparent),radial-gradient(2px 2px at 80% 90%,rgba(255,180,60,.85),transparent);background-size:240px 260px,300px 320px,280px 300px;animation:kvfxembers 7s ease-in infinite}
@keyframes kvfxembers{0%{transform:translateY(12%);opacity:.9}100%{transform:translateY(-18%);opacity:0}}
.kvfx-stars i{background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fff,transparent),radial-gradient(2px 2px at 35% 60%,#fff,transparent),radial-gradient(1px 1px at 55% 30%,#fff,transparent),radial-gradient(2.5px 2.5px at 75% 75%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 15%,#fff,transparent);background-size:300px 300px,260px 260px,340px 340px,280px 280px,320px 320px;animation:kvfxstars 4s ease-in-out infinite alternate}
@keyframes kvfxstars{0%{opacity:.35;transform:scale(1)}100%{opacity:1;transform:scale(1.02)}}
.kvfx-aurora i{background:linear-gradient(120deg,transparent 10%,rgba(0,255,200,.10) 30%,rgba(120,80,255,.12) 50%,rgba(0,180,255,.10) 70%,transparent 90%);filter:blur(38px);animation:kvfxaurora 12s ease-in-out infinite alternate}
@keyframes kvfxaurora{0%{transform:translateX(-6%) skewY(-2deg)}100%{transform:translateX(6%) skewY(2deg)}}
.kvfx-meteor i{background-image:repeating-linear-gradient(135deg,transparent 0 46px,rgba(255,255,255,.35) 47px 49px,transparent 50px 110px);background-size:320px 320px;animation:kvfxmeteor 5s linear infinite}
@keyframes kvfxmeteor{from{transform:translate3d(-6%,-6%,0)}to{transform:translate3d(6%,6%,0)}}
body{background-image:url('images/headerBG.jpg')!important;background-size:cover!important;background-attachment:fixed!important}

@keyframes kfxglow{0%,100%{filter:drop-shadow(0 0 4px rgba(217,164,65,.3))}50%{filter:drop-shadow(0 0 16px rgba(217,164,65,.7))}}
@keyframes kfxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes kfxpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes kfxswing{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes kfxflick{0%,100%{opacity:1}8%{opacity:.4}10%{opacity:1}46%{opacity:1}48%{opacity:.5}50%{opacity:1}}
@keyframes kfxbreathe{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.025);filter:brightness(1.12)}}
@keyframes kfxbounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes kfxneon{0%,100%{filter:drop-shadow(0 0 3px rgba(217,164,65,.35))}50%{filter:drop-shadow(0 0 14px rgba(245,214,123,.85)) drop-shadow(0 0 26px rgba(217,164,65,.45))}}
@keyframes kfxslowspin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.t1-header{min-height:600px}
.t1-logo img{max-height:180px}
.t1-btn,.btn{font-size:15px}
.sidebar-title{font-size:16px}
.t1-header .wrap{text-align:center}.t1-logo{display:inline-block}
.t1-header{background-color:rgba(0,0,0,0);animation:kfxglow 3s ease-in-out infinite;}
.t1-logo img{animation:kfxpulse 2.5s ease-in-out infinite;}
.t1-topbar{background-image:url('images/login-btn.png');background-size:cover;background-position:center;animation:kfxglow 3s ease-in-out infinite;}
.t1-btn,.btn{transition:transform .25s;}
.t1-btn,.btn:hover{transform:scale(1.04)}
.t1-dl{transition:transform .25s;}
.t1-dl:hover{transform:scale(1.04)}
.sidebar-title{transition:transform .25s;}
.sidebar-title:hover{transform:scale(1.04)}
.t1-rank-row{transition:transform .25s;}
.t1-rank-row:hover{transform:scale(1.04)}
.top-news,.showcard{transition:transform .25s;}
.top-news,.showcard:hover{transform:scale(1.04)}
.t1-footer{position:relative;overflow:hidden}
.t1-footer::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:kfxshim 3.5s infinite}
@keyframes kfxshim{0%{left:-80%}55%{left:130%}100%{left:130%}}
.kvfx{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.kvfx i{position:absolute;inset:-15%;display:block}
.kvfx-rain i{background-image:repeating-linear-gradient(105deg,rgba(180,220,255,.45) 0 1px,transparent 1px 9px);animation:kvfxrain .8s linear infinite}
@keyframes kvfxrain{from{transform:translate3d(0,-10%,0)}to{transform:translate3d(-4%,10%,0)}}
.kvfx-snow i{background-image:radial-gradient(2px 2px at 20% 15%,#fff,transparent),radial-gradient(2px 2px at 68% 42%,#fff,transparent),radial-gradient(1.5px 1.5px at 42% 78%,#fff,transparent),radial-gradient(2.5px 2.5px at 85% 65%,#fff,transparent),radial-gradient(1.5px 1.5px at 8% 60%,#fff,transparent);background-size:240px 240px,300px 300px,200px 200px,340px 340px,260px 260px;animation:kvfxsnow 16s linear infinite}
@keyframes kvfxsnow{from{transform:translateY(-12%)}to{transform:translateY(12%)}}
.kvfx-sparks i{background-image:radial-gradient(2px 2px at 30% 70%,#f5d67b,transparent),radial-gradient(1.5px 1.5px at 62% 22%,#ffdca8,transparent),radial-gradient(2px 2px at 80% 55%,#f5d67b,transparent),radial-gradient(1.5px 1.5px at 12% 35%,#ffcf7a,transparent);background-size:220px 220px,260px 260px,300px 300px,240px 240px;animation:kvfxspark 3.5s ease-in-out infinite alternate}
@keyframes kvfxspark{0%{opacity:.25;transform:translateY(0) scale(.98)}50%{opacity:.9}100%{opacity:.35;transform:translateY(-10px) scale(1.02)}}
.kvfx-glow_dots i{background-image:radial-gradient(70px 70px at 22% 28%,rgba(217,164,65,.45),transparent),radial-gradient(90px 90px at 76% 62%,rgba(120,180,255,.30),transparent),radial-gradient(60px 60px at 48% 82%,rgba(217,164,65,.30),transparent);background-size:420px 420px,520px 520px,460px 460px;animation:kvfxglowdots 7s ease-in-out infinite}
@keyframes kvfxglowdots{0%,100%{opacity:.45}50%{opacity:1}}
.kvfx-fireflies i{background-image:radial-gradient(3px 3px at 20% 80%,rgba(245,214,123,.95),transparent),radial-gradient(2px 2px at 55% 65%,rgba(255,220,150,.90),transparent),radial-gradient(2.5px 2.5px at 80% 85%,rgba(245,214,123,.85),transparent),radial-gradient(2px 2px at 35% 40%,rgba(255,235,180,.80),transparent);background-size:280px 280px,320px 320px,240px 240px,360px 360px;animation:kvfxflies 10s ease-in-out infinite alternate}
@keyframes kvfxflies{0%{transform:translateY(8%) scale(1);opacity:.55}50%{opacity:1}100%{transform:translateY(-12%) scale(1.08);opacity:.45}}
.kvfx-bubbles i{background-image:radial-gradient(circle at 30% 70%,rgba(150,210,255,.22) 0 7px,transparent 8px),radial-gradient(circle at 70% 40%,rgba(180,230,255,.18) 0 11px,transparent 12px),radial-gradient(circle at 45% 20%,rgba(200,240,255,.15) 0 5px,transparent 6px);background-size:260px 260px,340px 340px,220px 220px;animation:kvfxbubbles 14s linear infinite}
@keyframes kvfxbubbles{from{transform:translateY(14%)}to{transform:translateY(-14%)}}
.kvfx-embers i{background-image:radial-gradient(2px 3px at 25% 85%,rgba(255,120,40,.90),transparent),radial-gradient(1.5px 2.5px at 60% 70%,rgba(255,80,30,.80),transparent),radial-gradient(2px 2px at 80% 90%,rgba(255,180,60,.85),transparent);background-size:240px 260px,300px 320px,280px 300px;animation:kvfxembers 7s ease-in infinite}
@keyframes kvfxembers{0%{transform:translateY(12%);opacity:.9}100%{transform:translateY(-18%);opacity:0}}
.kvfx-stars i{background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fff,transparent),radial-gradient(2px 2px at 35% 60%,#fff,transparent),radial-gradient(1px 1px at 55% 30%,#fff,transparent),radial-gradient(2.5px 2.5px at 75% 75%,#fff,transparent),radial-gradient(1.5px 1.5px at 90% 15%,#fff,transparent);background-size:300px 300px,260px 260px,340px 340px,280px 280px,320px 320px;animation:kvfxstars 4s ease-in-out infinite alternate}
@keyframes kvfxstars{0%{opacity:.35;transform:scale(1)}100%{opacity:1;transform:scale(1.02)}}
.kvfx-aurora i{background:linear-gradient(120deg,transparent 10%,rgba(0,255,200,.10) 30%,rgba(120,80,255,.12) 50%,rgba(0,180,255,.10) 70%,transparent 90%);filter:blur(38px);animation:kvfxaurora 12s ease-in-out infinite alternate}
@keyframes kvfxaurora{0%{transform:translateX(-6%) skewY(-2deg)}100%{transform:translateX(6%) skewY(2deg)}}
.kvfx-meteor i{background-image:repeating-linear-gradient(135deg,transparent 0 46px,rgba(255,255,255,.35) 47px 49px,transparent 50px 110px);background-size:320px 320px;animation:kvfxmeteor 5s linear infinite}
@keyframes kvfxmeteor{from{transform:translate3d(-6%,-6%,0)}to{transform:translate3d(6%,6%,0)}}
body{background-image:url('images/headerBG.jpg')!important;background-size:cover!important;background-attachment:fixed!important}