/* DUHAN2 Premium skin — original Lovamt2 structure and functionality preserved */
:root{
  --duhan-bg:#040811;
  --duhan-surface:#0a111d;
  --duhan-surface2:#101b2b;
  --duhan-gold:#d8ab4f;
  --duhan-gold2:#ffe09a;
  --duhan-blue:#138dff;
  --duhan-blue2:#67caff;
  --duhan-text:#f4f1e9;
  --duhan-muted:#aab5c4;
  --duhan-line:rgba(216,171,79,.25);
  --duhan-shadow:0 24px 70px rgba(0,0,0,.42);
}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body.duhan2-premium{background:
  radial-gradient(circle at 15% 20%,rgba(216,171,79,.07),transparent 28%),
  radial-gradient(circle at 85% 10%,rgba(19,141,255,.08),transparent 30%),
  var(--duhan-bg)!important;color:var(--duhan-text)!important;font-family:Onest,Arial,sans-serif!important}
body.duhan2-premium::after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.15'/%3E%3C/svg%3E")}
.site-bg-video{opacity:.28!important;filter:saturate(.75) contrast(1.1) brightness(.58)!important}
#global-particles-container{opacity:.55!important}

/* Top bar */
.topbar{height:76px!important;padding:0 24px!important;background:linear-gradient(to bottom,rgba(2,6,13,.96),rgba(2,6,13,.78))!important;border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:0 12px 34px rgba(0,0,0,.24)!important;backdrop-filter:blur(18px)!important}
.topbar-brand-logo img{width:175px!important;max-height:65px!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))!important}
.topbar .nav-links{gap:8px!important}
.topbar .nav-link{border:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;padding:10px 14px!important;background:rgba(255,255,255,.035)!important;color:#dce3ee!important;font-size:.78rem!important;font-weight:700!important;transition:.22s!important}
.topbar .nav-link:hover{transform:translateY(-2px)!important;border-color:rgba(103,202,255,.45)!important;background:rgba(19,141,255,.1)!important}
.topbar .nav-link:last-child{background:linear-gradient(135deg,#0d62d4,#18a8ff)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 26px rgba(19,141,255,.22)!important}
.nav-toggle{border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;background:rgba(255,255,255,.05)!important;color:#fff!important}

/* Hero: keep original hero composition, premium color system */
.hero{min-height:100vh!important;padding-top:96px!important;background:
 linear-gradient(90deg,rgba(2,5,11,.92),rgba(2,5,11,.62) 48%,rgba(2,5,11,.42)),
 linear-gradient(to top,#040811 0%,transparent 38%),
 url('../new_presentation/img/bg-top.jpg') center/cover no-repeat!important;border-bottom:1px solid var(--duhan-line)!important}
.hero-overlay{background:
 radial-gradient(circle at 50% 30%,rgba(216,171,79,.12),transparent 32%),
 radial-gradient(circle at 72% 36%,rgba(19,141,255,.14),transparent 26%)!important}
.hero-content{display:flex!important;align-items:center!important;justify-content:center!important;padding:55px 24px 80px!important}
.lova2-launch-hub{width:min(760px,94vw)!important;padding:36px 44px!important;border:1px solid rgba(216,171,79,.32)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(9,16,28,.86),rgba(3,8,15,.72))!important;box-shadow:0 32px 90px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05)!important;backdrop-filter:blur(17px)!important}
.launch-hero-logo img{width:min(580px,90%)!important;max-height:260px!important;object-fit:contain!important;filter:drop-shadow(0 21px 38px rgba(0,0,0,.62))!important}
.launch-secondary-row{gap:11px!important;margin-top:4px!important}
.launch-secondary-btn,.launch-cta-btn{min-height:50px!important;border-radius:11px!important;font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase!important;transition:.22s!important}
.launch-secondary-btn{border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.055)!important;color:#fff!important}
.launch-secondary-btn:hover{transform:translateY(-2px)!important;border-color:rgba(103,202,255,.48)!important;background:rgba(19,141,255,.10)!important}
.launch-cta-btn{background:linear-gradient(135deg,#fff0ad,#cf8f2f 58%,#f3cf73)!important;color:#1d1204!important;border:0!important;box-shadow:0 16px 39px rgba(207,143,47,.28)!important}
.launch-cta-btn:hover{transform:translateY(-3px)!important;box-shadow:0 20px 48px rgba(207,143,47,.4)!important}
.launch-story-line{max-width:680px!important;margin:20px auto!important;color:#d1d9e5!important;font-size:1rem!important;line-height:1.72!important}
.launch-countdown-title{color:#aab6c6!important;letter-spacing:.16em!important;font-size:.69rem!important}
.launch-countdown{gap:9px!important}
.launch-time-separator{color:rgba(255,224,154,.45)!important}
.launch-time-box{min-width:92px!important;padding:14px 13px!important;border:1px solid rgba(216,171,79,.23)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(17,27,44,.88),rgba(4,9,17,.87))!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 16px 40px rgba(0,0,0,.23)!important}
.launch-time-value{font-family:Cinzel,serif!important;color:var(--duhan-gold2)!important;font-size:2.2rem!important}
.launch-time-label{color:#97a4b5!important;font-size:.61rem!important;letter-spacing:.12em!important}

/* Sidebar */
.sidebar-navigation{top:91px!important;left:18px!important;width:278px!important;max-height:calc(100vh - 110px)!important;border:1px solid rgba(216,171,79,.22)!important;border-radius:19px!important;background:linear-gradient(180deg,rgba(13,21,34,.96),rgba(4,9,16,.97))!important;box-shadow:var(--duhan-shadow)!important;backdrop-filter:blur(16px)!important;overflow:hidden!important}
.nav-scroll{padding:13px!important;scrollbar-width:thin;scrollbar-color:rgba(216,171,79,.4) transparent}
.nav-search-shell{border:1px solid rgba(255,255,255,.09)!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important}
.nav-search-input{color:#edf2f8!important}
.nav-popular{border:1px solid rgba(216,171,79,.17)!important;border-radius:13px!important;background:rgba(216,171,79,.045)!important}
.nav-popular-title,.category-title{color:#ead8a9!important}
.nav-chip{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.04)!important;color:#cbd4e0!important;border-radius:9px!important}
.nav-chip:hover,.nav-item:hover{background:rgba(19,141,255,.1)!important;color:#fff!important}
.nav-category{border-color:rgba(255,255,255,.07)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important}
.category-header{border-radius:11px!important}
.category-icon,.nav-item .korean{color:var(--duhan-blue2)!important}
.nav-item{border-radius:8px!important;color:#aeb9c8!important}
.nav-discord-cta{border-radius:11px!important;background:linear-gradient(135deg,#0b5bc9,#159ffe)!important;box-shadow:0 13px 28px rgba(19,141,255,.2)!important}
.chevron{color:var(--duhan-gold2)!important}

/* Main layout */
.main-content{max-width:1180px!important;margin-left:325px!important;margin-right:auto!important;padding:95px 28px 110px!important;background:transparent!important}
.content-section{margin:0 0 34px!important;padding:34px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;background:
 radial-gradient(circle at 100% 0,rgba(19,141,255,.07),transparent 34%),
 linear-gradient(145deg,rgba(15,24,39,.94),rgba(5,10,18,.97))!important;box-shadow:0 24px 68px rgba(0,0,0,.25)!important}
.section-title{font-family:Cinzel,serif!important;color:var(--duhan-gold2)!important;font-size:clamp(1.65rem,3vw,2.65rem)!important;letter-spacing:.02em!important;text-shadow:none!important}
.section-title::after{background:linear-gradient(90deg,transparent,var(--duhan-gold),var(--duhan-blue),transparent)!important}
.feature-title,.feature-title span{font-family:Cinzel,serif!important}
.feature-title{color:#f1e8d3!important}
.feature-title span{color:var(--duhan-blue2)!important}
.feature-description,.content-section p{color:var(--duhan-muted)!important;line-height:1.76!important}
.mission-hub,.feature-card,.system-card,.drop-card,.dungeon-card,.management-flow,.ranking-card,.faq-item{border-color:rgba(255,255,255,.08)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(17,27,43,.91),rgba(5,10,18,.94))!important;box-shadow:0 16px 45px rgba(0,0,0,.2)!important}
.mission-points li{border-color:rgba(216,171,79,.16)!important;background:rgba(216,171,79,.045)!important;color:#d7dee8!important}
.mission-points li::marker{color:var(--duhan-gold)!important}

/* Tables and interactive panels */
table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:rgba(5,10,18,.55)!important}
th{background:linear-gradient(180deg,rgba(25,38,59,.95),rgba(12,20,33,.95))!important;color:var(--duhan-gold2)!important}
td{color:#b9c4d2!important;border-color:rgba(255,255,255,.06)!important}
input,select,textarea{border-color:rgba(255,255,255,.1)!important;border-radius:10px!important;background:rgba(3,8,15,.6)!important;color:#eef2f8!important}
button{font-family:Onest,Arial,sans-serif}

/* Cards/images */
.feature-image img,.content-section img{border-radius:13px}
.feature-image,.overview-map-frame,.overview-map-support-image{border-color:rgba(216,171,79,.22)!important;box-shadow:0 18px 46px rgba(0,0,0,.28)!important}
.dungeon-card:hover,.feature-card:hover,.system-card:hover{border-color:rgba(103,202,255,.38)!important;transform:translateY(-3px)!important}

/* Support + footer */
.lova2-support-widget{border:1px solid rgba(216,171,79,.25)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(15,24,39,.98),rgba(4,9,16,.98))!important;box-shadow:var(--duhan-shadow)!important}
.lova2-support-head h3{color:var(--duhan-gold2)!important}
.lova2-support-btn{border-radius:10px!important}
.footer{margin-left:315px!important;border-top:1px solid rgba(255,255,255,.07)!important;background:#02050a!important;color:#7f8b9b!important}
.footer-website-btn{border-radius:10px!important;background:linear-gradient(135deg,#fff0ad,#cf8f2f)!important;color:#1c1205!important;border:0!important}

/* Accent recolors */
::selection{background:rgba(19,141,255,.38);color:#fff}
a{transition:color .2s ease}

@media(max-width:1100px){
 .sidebar-navigation{left:-310px!important;transition:left .28s ease!important}
 .sidebar-navigation.active{left:14px!important}
 .main-content{margin-left:0!important;max-width:100%!important;padding-inline:20px!important}
 .footer{margin-left:0!important}
}
@media(max-width:720px){
 .topbar{height:68px!important;padding:0 12px!important}
 .topbar-brand-logo img{width:138px!important}
 .topbar-right{display:none!important}
 .hero{padding-top:76px!important}
 .hero-content{padding:34px 12px 68px!important}
 .lova2-launch-hub{padding:25px 15px!important;border-radius:19px!important}
 .launch-hero-logo img{width:94%!important}
 .launch-secondary-row{display:grid!important;grid-template-columns:1fr!important}
 .launch-countdown{display:grid!important;grid-template-columns:1fr 1fr!important}
 .launch-time-separator{display:none!important}
 .launch-time-box{min-width:0!important}
 .main-content{padding:72px 12px!important}
 .content-section{padding:20px 14px!important;border-radius:17px!important}
 .sidebar-navigation{top:77px!important;max-height:calc(100vh - 92px)!important}
 .lova2-support-widget{right:10px!important;bottom:10px!important;width:min(330px,calc(100vw - 20px))!important}
}
/* MENÜYÜ SAĞ TARAFA SABİTLE */
@media (min-width:1101px){
  .sidebar-navigation{
    left:auto!important;
    right:18px!important;
  }

  .main-content{
    margin-left:auto!important;
    margin-right:325px!important;
  }


/* TELEFON VE TABLETTE SAĞDAN AÇ */
@media (max-width:1100px){
  .sidebar-navigation{
    left:auto!important;
    right:-310px!important;
    transition:right .28s ease!important;
  }

  .sidebar-navigation.active{
    left:auto!important;
    right:14px!important;
  }

  .sidebar-navigation.collapsed{
    transform:translateX(100%)!important;
  }

  .main-content,
  .footer{
    margin-left:0!important;
    margin-right:0!important;
  }
  /* FOOTER BUTONUNU VE YAZIYI SİMETRİK ORTALA */
@media (min-width:1101px){
  .footer{
    margin-left:0!important;
    margin-right:0!important;

    /* Soldaki topluluk kutusu ve sağdaki menü için eşit boşluk */
    padding-left:315px!important;
    padding-right:315px!important;

    box-sizing:border-box!important;
    width:100%!important;
  }
}

/* TELEFON VE TABLET */
@media (max-width:1100px){
  .footer{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
}
}.footer{
  margin-right:315px!important;
}