@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Orbitron:wght@400;700;900&display=swap');
*{box-sizing:border-box}body{margin:0;background:#000814;color:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1180px;margin:0 auto;padding:0 20px}.nav{position:fixed;inset:0 0 auto 0;height:80px;background:rgba(0,8,20,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1);z-index:50}.nav-inner{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand-icon{width:48px;height:48px;border-radius:999px;background:#3b82f6;display:grid;place-items:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 22px #2563eb}.play-tri{width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:19px solid #000;margin-left:4px}.brand-title{font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.11em;font-size:24px;font-weight:900;text-shadow:0 0 5px #2563eb,0 0 12px #2563eb}.brand-sub{display:flex;justify-content:space-between;color:rgba(96,165,250,.85);font-size:9px;font-weight:900;letter-spacing:.12em}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a,.nav-links button{background:none;border:0;color:#d1d5db;font-weight:700;font-size:14px;cursor:pointer}.nav-links a.active,.nav-links a:hover,.nav-links button:hover{color:#60a5fa}.admin-btn{padding:9px 14px!important;background:#1d4ed8!important;color:white!important;border-radius:12px!important}.hamb{display:none;background:none;border:0;color:white;font-size:28px}.mobile{display:none;position:fixed;top:80px;left:0;right:0;background:#000814;border-bottom:1px solid rgba(255,255,255,.1);padding:16px;z-index:49}.mobile.open{display:block}.mobile a,.mobile button{display:block;width:100%;text-align:left;padding:14px;border-radius:12px;background:transparent;border:0;color:white;font-weight:700}.hero{position:relative;height:60vh;min-height:440px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.42}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000814 0%,rgba(0,8,20,.25) 55%,rgba(0,8,20,.2))}.hero-content{position:relative;z-index:2;text-align:center;margin-top:-140px}.badge{display:inline-block;padding:10px 24px;border:1px solid rgba(37,99,235,.65);border-radius:999px;background:rgba(37,99,235,.1);font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:.3em;text-transform:uppercase;text-shadow:0 0 8px #2563eb;box-shadow:0 0 6px #2563eb,inset 0 0 6px #2563eb}.section{padding:76px 0}.section.pull{margin-top:-120px;position:relative;z-index:5}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:40px}.kicker{color:#3b82f6;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:13px}.title{font-size:clamp(32px,5vw,64px);font-weight:900;text-transform:uppercase;letter-spacing:-.045em;margin:0}.title.small{font-size:40px}.muted{color:#9ca3af;line-height:1.7}.grid{display:grid;gap:28px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden}.radio-card{padding:26px;text-align:center;transition:.35s}.radio-card.active{background:#1d4ed8;border-color:#93c5fd;transform:scale(1.03);box-shadow:0 18px 45px rgba(29,78,216,.24)}.radio-logo{width:96px;height:96px;border-radius:999px;background:rgba(0,0,0,.25);object-fit:cover;margin:0 auto 18px}.radio-card h3{font-size:20px;margin:0 0 6px}.tiny{font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:#6b7280}.radio-card.active .tiny{color:rgba(219,234,254,.8)}.player-row{display:flex;flex-direction:column;align-items:center;gap:14px}.play-btn{width:64px;height:64px;border-radius:999px;border:0;background:#1d4ed8;color:white;font-size:24px;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.25)}.radio-card.active .play-btn{background:white;color:#1d4ed8}.volume{width:160px}.tv-wrap{display:grid;grid-template-columns:3fr 1fr;gap:28px}.video{aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.video iframe{width:100%;height:100%;border:0}.channel-list{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden}.channel-list h3{margin:0;padding:18px;border-bottom:1px solid rgba(255,255,255,.1)}.channel{display:flex;align-items:center;gap:10px;width:calc(100% - 16px);margin:8px;padding:14px;border-radius:14px;border:1px solid transparent;background:transparent;color:#ddd;text-align:left;cursor:pointer}.channel.active{background:rgba(37,99,235,.18);border-color:rgba(59,130,246,.35);color:#60a5fa}.page-head{padding:150px 0 72px;background:rgba(255,255,255,.05);position:relative;overflow:hidden}.page-head:after{content:"";position:absolute;right:-80px;top:-90px;width:50%;height:100%;background:rgba(37,99,235,.12);filter:blur(100px);border-radius:999px}.content{position:relative;z-index:1}.markdown{font-size:17px;color:#d1d5db;line-height:1.75}.info-row{display:flex;gap:20px;margin-bottom:34px}.icon-box{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:#3b82f6;background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.22);flex:none}.form{padding:34px;border-radius:36px}.input,.textarea,.select{width:100%;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);color:white;border-radius:16px;padding:15px;outline:0}.input:focus,.textarea:focus,.select:focus{border-color:#2563eb}.label{display:block;margin:0 0 8px 4px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#6b7280}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:14px 20px;background:#1d4ed8;color:white;font-weight:900;cursor:pointer}.btn.full{width:100%;padding:18px}.btn.gray{background:rgba(255,255,255,.08)}.btn.red{background:#dc2626}.alert{padding:14px 18px;border-radius:14px;margin-bottom:18px}.alert.ok{background:rgba(34,197,94,.15);color:#86efac}.alert.err{background:rgba(239,68,68,.15);color:#fca5a5}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#9ca3af}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0;padding:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px}.tabs a{padding:12px 18px;border-radius:12px;font-weight:900;color:#9ca3af}.tabs a.active,.tabs a:hover{background:#1d4ed8;color:#fff}.admin-panel{padding:28px}.actions{display:flex;gap:8px;flex-wrap:wrap}.footer{border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2);padding:56px 0;margin-top:80px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.splash{position:fixed;inset:0;background:#000814;z-index:999;display:flex;align-items:center;justify-content:center;transition:.8s}.splash.hide{opacity:0;pointer-events:none}.splash-logo{text-align:center}.splash-ball{width:96px;height:96px;border-radius:50%;background:#2563eb;margin:0 auto 22px;display:grid;place-items:center;border:4px solid rgba(255,255,255,.2);box-shadow:0 0 45px #2563eb}.searchbar{max-width:330px}.dj-img{aspect-ratio:1/1;width:100%;object-fit:cover;transition:.6s}.card:hover .dj-img{transform:scale(1.06)}.empty{text-align:center;padding:70px 20px;color:#6b7280}.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{width:100%;max-width:460px;background:#020617;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:30px}.subnav{position:relative}.dropdown{display:none;position:absolute;top:120%;left:0;min-width:210px;background:#020617;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:8px;box-shadow:0 20px 40px rgba(0,0,0,.35)}.subnav:hover .dropdown{display:block}.dropdown a{display:block;padding:12px;border-radius:10px}.dropdown a:hover{background:rgba(255,255,255,.06)}
@media(max-width:960px){.grid-4,.grid-3,.grid-2,.tv-wrap,.footer-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.nav-links{display:none}.hamb{display:block}.hero-content{margin-top:-80px}.section.pull{margin-top:-80px}.page-head{padding-top:125px}.searchbar{max-width:100%}.table{display:block;overflow-x:auto}}



/* ACIL HEADER/FOOTER/SOSYAL/SPASH FIX */
.nav-right{display:flex;align-items:center;gap:14px}
.social-icons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.header-social{margin-left:8px;flex-wrap:nowrap}
.social-icon{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;transition:.25s}
.social-icon svg{width:18px;height:18px;display:block;fill:currentColor;stroke-linecap:round;stroke-linejoin:round}
.social-icon:hover{background:#1d4ed8;border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,.28)}
.footer-social{margin-top:18px!important;margin-left:0!important;justify-content:flex-start!important;width:100%!important}
.splash.hide,#splash.hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}
body.admin-page .splash,body.admin-page #splash{display:none!important}
@media(max-width:960px){.nav-right{gap:8px}.header-social{display:none}}



/* =======================================
   TELEFONDA KESIN GORUNEN HAMBURGER FIX
   ======================================= */

.mobile-fixed-hamburger{
  display:none;
}

@media(max-width:960px){
  .mobile-fixed-hamburger{
    display:flex!important;
    position:fixed!important;
    top:16px!important;
    right:16px!important;
    z-index:2147483647!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    background:rgba(0,8,20,.96)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.45)!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    padding:0!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    cursor:pointer!important;
  }

  .mobile-fixed-hamburger span{
    display:block!important;
    width:23px!important;
    height:2px!important;
    border-radius:99px!important;
    background:#fff!important;
  }

  .mobile-fixed-hamburger.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }

  .mobile-fixed-hamburger.is-open span:nth-child(2){
    opacity:0;
  }

  .mobile-fixed-hamburger.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }

  .nav-links,
  .header-social{
    display:none!important;
  }

  .hamb{
    display:none!important;
  }

  .mobile,
  #mobileMenu{
    display:none!important;
    position:fixed!important;
    top:74px!important;
    left:0!important;
    right:0!important;
    z-index:2147483646!important;
    background:#000814!important;
    border-top:1px solid rgba(255,255,255,.1)!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 20px 50px rgba(0,0,0,.5)!important;
    padding:14px 18px 20px!important;
    max-height:calc(100vh - 74px)!important;
    overflow-y:auto!important;
  }

  .mobile.open,
  #mobileMenu.open{
    display:block!important;
  }

  .mobile a,
  .mobile button,
  #mobileMenu a,
  #mobileMenu button{
    display:block!important;
    width:100%!important;
    text-align:left!important;
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    padding:15px 10px!important;
    font-size:16px!important;
    font-weight:700!important;
  }

  .brand{
    max-width:calc(100vw - 92px)!important;
    overflow:hidden!important;
  }
}

@media(max-width:520px){
  .mobile-fixed-hamburger{
    top:13px!important;
    right:13px!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }

  .mobile,
  #mobileMenu{
    top:68px!important;
    max-height:calc(100vh - 68px)!important;
  }
}



/* ===============================
   HAKKIMIZDA SAYFASI RESPONSIVE FIX
   =============================== */

.about-page-head{
  padding-top:145px;
  padding-bottom:72px;
}

.about-lead{
  max-width:720px;
  margin-top:12px;
}

.about-section{
  padding-top:64px;
}

.about-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:stretch;
}

.about-card{
  padding:34px;
  border-radius:28px;
  overflow:visible;
}

.about-card h2{
  margin:8px 0 18px;
  font-size:30px;
  line-height:1.1;
  letter-spacing:-.03em;
}

.about-text{
  color:#d1d5db;
  line-height:1.8;
  font-size:16px;
  overflow-wrap:anywhere;
  word-break:normal;
}

.about-mission{
  margin-top:28px;
}

@media(max-width:960px){
  .about-page-head{
    padding-top:116px!important;
    padding-bottom:48px!important;
  }

  .about-page-head .title{
    font-size:34px!important;
    line-height:1.05!important;
  }

  .about-lead{
    font-size:15px!important;
    line-height:1.65!important;
    max-width:100%!important;
  }

  .about-section{
    padding-top:42px!important;
  }

  .about-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  .about-card{
    padding:24px!important;
    border-radius:22px!important;
  }

  .about-card h2{
    font-size:24px!important;
    line-height:1.15!important;
    margin-bottom:14px!important;
  }

  .about-text{
    font-size:15px!important;
    line-height:1.75!important;
  }

  .about-mission{
    margin-top:18px!important;
  }
}

@media(max-width:520px){
  .about-page-head{
    padding-top:104px!important;
    padding-bottom:40px!important;
  }

  .about-page-head .kicker{
    font-size:11px!important;
    letter-spacing:.12em!important;
  }

  .about-page-head .title{
    font-size:30px!important;
  }

  .about-card{
    padding:20px!important;
    border-radius:20px!important;
  }

  .about-card h2{
    font-size:21px!important;
  }

  .about-text{
    font-size:14px!important;
    line-height:1.7!important;
  }
}



/* HEADER MENÜ - SOSYAL MEDYA DİKEY AYRAÇ */
.header-social{
  position:relative;
  padding-left:18px!important;
  margin-left:18px!important;
}

.header-social::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:1px;
  height:28px;
  background:linear-gradient(to bottom, transparent, rgba(255,255,255,.35), transparent);
  border-radius:99px;
}

@media(max-width:960px){
  .header-social::before{
    display:none!important;
  }
}