/* PDR Günleri - Oniki-style inspiration (original)
   - Light header, clean dropdowns
   - Photo-like hero via gradient + optional hero.jpg
   - Works on Hostinger (no CSS variables needed)
*/

html, body, div, section, header, footer, nav, main,
h1, h2, h3, h4, p, ul, li, a, article, aside,
form, label, input, select, textarea, button, details, summary, span {
  box-sizing:border-box;
}

[hidden]{display:none !important;}

html,body{margin:0;padding:0;}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:#f5f7fb;
  color:#0f172a;
  line-height:1.55;
}

a{color:inherit;text-decoration:none;}
.container{max-width:1180px;margin:0 auto;padding:0 20px;}

/* Header */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(15,23,42,.08);
  backdrop-filter:saturate(140%) blur(10px);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:14px;
  padding:12px 0;
}
.brand{display:flex;align-items:center;gap:10px;}
.brand-mark{
  width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg, rgba(16,185,129,.95), rgba(37,99,235,.85));
}
.brand-text{font-weight:800;letter-spacing:.2px;}

.nav-toggle{
  display:none;
  width:44px;height:44px;border-radius:14px;
  background:rgba(15,23,42,.04);
  border:1px solid rgba(15,23,42,.10);
  cursor:pointer;
}
.nav-toggle span{display:block;height:2px;background:#0f172a;margin:7px 10px;border-radius:2px;}

.nav{
  display:flex;align-items:center;gap:14px;
}
.nav-item{position:relative;}
.nav-link{
  border:0;background:transparent;
  cursor:pointer;
  padding:10px 10px;border-radius:12px;
  font-weight:700;
  color:rgba(15,23,42,.82);
}
.nav-link.a{display:inline-flex;align-items:center;}
.nav-link:hover{background:rgba(15,23,42,.04);color:#0f172a;}

.dd{
  position:absolute;left:0;top:44px;
  min-width:220px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  box-shadow:0 18px 50px rgba(2,6,23,.12);
  padding:8px;
  display:none;
}
.dd a{
  display:block;
  padding:10px 10px;
  border-radius:10px;
  font-weight:700;
  color:rgba(15,23,42,.85);
}
.dd a:hover{background:rgba(2,6,23,.04);}

.has-dd:hover .dd{display:block;}
.has-dd:hover .nav-link{background:rgba(15,23,42,.04);}

/* Header actions */
.header-actions{display:flex;align-items:center;gap:10px;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  font-weight:800;
  border:1px solid transparent;
  cursor:pointer;
}
.btn-wide{width:100%;}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;}
.btn-solid{
  background:linear-gradient(135deg, rgba(16,185,129,.92), rgba(245,158,11,.92));
  color:#0b1220;
  border-color:rgba(2,6,23,.08);
}
.btn-outline{
  background:#fff;
  color:#0f172a;
  border-color:rgba(15,23,42,.18);
}
.btn:hover{opacity:.95;}

/* User pill */
.user-pill{position:relative;}
.user-btn{
  display:flex;align-items:center;gap:10px;
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
}
.user-ava{
  width:28px;height:28px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;color:#fff;
  background:linear-gradient(135deg, rgba(37,99,235,.85), rgba(16,185,129,.80));
}
.user-name{font-weight:800;font-size:13px;color:#0f172a;}
.user-caret{opacity:.7;font-weight:900;color:#0f172a;}
.user-dd{
  position:absolute;right:0;top:46px;min-width:180px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  box-shadow:0 18px 50px rgba(2,6,23,.12);
  padding:8px;
}
.user-dd-item{
  width:100%;
  text-align:left;
  padding:10px 10px;
  border-radius:10px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(2,6,23,.02);
  font-weight:800;
  cursor:pointer;
}
.user-dd-item:hover{background:rgba(2,6,23,.04);}
.user-dd-item.danger{border-color:rgba(239,68,68,.22);}

/* Hero */
.hero{
  position:relative;
  padding:76px 0 64px;
  background:#0b1220;
  color:#fff;
  overflow:hidden;
}
.hero-bg{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg, rgba(11,18,32,.92), rgba(11,18,32,.55) 55%, rgba(11,18,32,.80)),
    radial-gradient(900px 600px at 10% 0%, rgba(16,185,129,.25), transparent 60%),
    radial-gradient(900px 600px at 90% 0%, rgba(245,158,11,.20), transparent 55%),
    url('hero.jpg');
  background-size:cover;
  background-position:center;
  filter:saturate(115%);
}
.hero-grid{position:relative;display:flex;gap:22px;align-items:flex-start;}
.hero-left{flex:1.25;min-width:0;}
.hero-right{flex:.85;min-width:0;}

.hero-kicker{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.92);
  font-weight:700;
}
.k-dot{
  width:10px;height:10px;border-radius:99px;
  background:rgba(16,185,129,.95);
  box-shadow:0 0 0 6px rgba(16,185,129,.14);
}

.hero h1{margin:18px 0 12px;font-size:44px;line-height:1.08;letter-spacing:-.6px;}
.hero-bullets{margin:0 0 18px;padding-left:18px;color:rgba(255,255,255,.88);}
.hero-bullets li{margin:8px 0;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0;}

.hero-stats{
  display:flex;gap:12px;flex-wrap:wrap;
  margin-top:10px;
}
.stat{
  flex:1 1 160px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  padding:12px;
}
.stat strong{display:block;font-size:22px;}
.stat span{display:block;color:rgba(255,255,255,.80);font-weight:700;font-size:13px;margin-top:2px;}

.hero-card{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.10);
  padding:16px;
  box-shadow:0 20px 60px rgba(0,0,0,.35);
}
.hero-card h2{margin:0 0 12px;font-size:18px;}
.mini{margin-top:10px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.12);padding:12px;}
.mini-title{font-weight:900;margin-bottom:6px;}
.muted{color:rgba(15,23,42,.68);}
.hero .muted{color:rgba(255,255,255,.78);}
.fine{color:rgba(15,23,42,.62);font-size:12px;margin:10px 0 0;}
.hero .fine{color:rgba(255,255,255,.72);}

.countdown{display:flex;gap:10px;flex-wrap:wrap;}
.cd-item{
  flex:1 1 110px;
  border-radius:16px;border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.14);
  padding:12px;text-align:center;
}
.cd-num{font-size:22px;font-weight:900;}
.cd-lbl{margin-top:2px;color:rgba(255,255,255,.78);font-weight:800;font-size:12px;letter-spacing:.5px;}

/* Sections */
.section{padding:70px 0;}
.section.alt{background:#eef2f7;}
.section-head{margin-bottom:18px;}
.section-head h2{margin:0 0 8px;font-size:30px;letter-spacing:-.3px;}
.section-head p{margin:0;color:rgba(15,23,42,.70);}

/* Cards */
.cards{display:flex;gap:14px;flex-wrap:wrap;}
.card{
  flex:1 1 280px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  padding:16px;
  box-shadow:0 14px 40px rgba(2,6,23,.06);
}
.card h3{margin:0 0 8px;font-size:16px;}
.card p{margin:0;color:rgba(15,23,42,.72);}

/* Member */
.member-wrap{display:flex;gap:14px;flex-wrap:wrap;}
.member-card{
  flex:1 1 360px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  padding:16px;
  box-shadow:0 14px 40px rgba(2,6,23,.06);
}
.member-wide{flex:1 1 100%;}
.badge{
  display:inline-flex;
  padding:7px 10px;border-radius:999px;
  border:1px solid rgba(16,185,129,.30);
  background:rgba(16,185,129,.10);
  color:rgba(15,23,42,.82);
  font-weight:900;font-size:12px;
}
.acc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.acc-name{font-weight:900;font-size:16px;}
.split{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;}
.split > div{flex:1 1 260px;}
.info{border-radius:14px;border:1px solid rgba(15,23,42,.08);background:rgba(2,6,23,.02);padding:12px;}
.my-list{margin:10px 0 0;padding-left:18px;}
.my-list li{margin:8px 0;}

.slot-list{display:flex;flex-direction:column;gap:12px;margin-top:12px;}
.slot-box{border-radius:16px;border:1px solid rgba(15,23,42,.10);background:rgba(2,6,23,.02);padding:12px;}
.slot-title{font-weight:900;margin-bottom:10px;}
.slot-choices{display:flex;gap:10px;flex-wrap:wrap;}
.course-item{
  flex:1 1 280px;
  display:flex;gap:10px;align-items:flex-start;
  padding:10px;border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
}
.course-item:hover{background:rgba(2,6,23,.02);}
.course-item input{margin-top:2px;}
.course-title{font-weight:900;font-size:13px;}
.course-meta{color:rgba(15,23,42,.70);font-weight:600;font-size:12px;margin-top:2px;}

/* Tabs/Schedule */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 14px;}
.tab{
  cursor:pointer;
  padding:10px 12px;border-radius:14px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0f172a;
  font-weight:900;
}
.tab.active{border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.10);}
.tabpanes{border-radius:18px;border:1px solid rgba(15,23,42,.10);background:#fff;overflow:hidden;}
.pane{display:none;padding:10px;}
.pane.active{display:block;}
.schedule .row{display:flex;gap:12px;align-items:flex-start;padding:14px;border-bottom:1px solid rgba(15,23,42,.08);}
.schedule .row:last-child{border-bottom:none;}
.time{flex:0 0 120px;color:rgba(15,23,42,.72);font-weight:900;}
.pill-b{
  margin-left:auto;
  padding:7px 10px;border-radius:999px;
  border:1px solid rgba(245,158,11,.35);
  background:rgba(245,158,11,.12);
  font-weight:900;font-size:12px;
}

/* FAQ */
.faq details{
  border-radius:16px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  padding:12px 14px;
  margin-bottom:10px;
}
.faq summary{cursor:pointer;font-weight:900;}
.faq p{margin:10px 0 0;color:rgba(15,23,42,.72);}

/* Video card */
.video-card{
  display:flex;gap:14px;flex-wrap:wrap;
  border-radius:18px;border:1px solid rgba(15,23,42,.10);
  background:#fff;padding:16px;
  box-shadow:0 14px 40px rgba(2,6,23,.06);
}
.video-placeholder{
  flex:1 1 360px;
  min-height:220px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.10);
  background:linear-gradient(135deg, rgba(37,99,235,.18), rgba(16,185,129,.16));
  display:flex;align-items:center;justify-content:center;
  font-weight:900;color:rgba(15,23,42,.70);
}
.video-info{flex:1 1 260px;}

/* Contact */
.contact{display:flex;gap:14px;flex-wrap:wrap;}

/* Footer */
.footer{padding:26px 0;background:#0b1220;color:#fff;}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.footer-brand{font-weight:900;}
.footer .muted{color:rgba(255,255,255,.70);}
.footer-links{display:flex;gap:12px;flex-wrap:wrap;}
.footer-links a{color:rgba(255,255,255,.80);font-weight:700;}
.footer-links a:hover{opacity:.9;}

/* Modal */
.modal{position:fixed;inset:0;z-index:80;}
.modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.55);}
.modal-card{
  position:relative;
  width:min(900px, calc(100% - 24px));
  margin:70px auto 0;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  box-shadow:0 28px 80px rgba(2,6,23,.25);
  overflow:hidden;
}
.modal-x{
  position:absolute;right:12px;top:12px;
  width:38px;height:38px;border-radius:14px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  cursor:pointer;
  font-size:18px;
}
.auth-split{display:flex;min-height:520px;}
.auth-left{
  flex:0 0 44%;
  background:linear-gradient(135deg, rgba(15,23,42,.92), rgba(15,23,42,.70)),
             url('auth.jpg');
  background-size:cover;background-position:center;
  color:#fff;
  padding:22px;
  position:relative;
}
.auth-brand{display:flex;gap:12px;align-items:center;}
.auth-logo{
  width:54px;height:54px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  font-weight:900;color:#0b1220;
  background:linear-gradient(135deg, rgba(16,185,129,.92), rgba(245,158,11,.92));
}
.auth-name{font-weight:900;font-size:18px;}
.auth-sub{color:rgba(255,255,255,.78);font-weight:700;margin-top:2px;}
.auth-wave{
  position:absolute;left:-80px;bottom:-90px;
  width:420px;height:240px;
  background:radial-gradient(circle at 30% 30%, rgba(245,158,11,.18), transparent 60%),
             radial-gradient(circle at 70% 60%, rgba(16,185,129,.18), transparent 60%);
  transform:rotate(-8deg);
  border-radius:999px;
}
.auth-right{flex:1;padding:22px;}
.modal-head h3{margin:0 0 10px;font-size:22px;}
.modal-tabs{display:flex;gap:8px;flex-wrap:wrap;}
.mtab{
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  font-weight:900;
  cursor:pointer;
}
.mtab.active{border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.10);}
.mview{display:none;}
.mview.active{display:block;}
.mform label{display:block;margin-bottom:12px;font-weight:900;}
.mform input{
  width:100%;
  margin-top:8px;
  padding:12px 12px;border-radius:14px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  outline:none;
}
.mform input:focus{border-color:rgba(16,185,129,.50);}
.mline{height:1px;background:rgba(15,23,42,.10);margin:14px 0;}
.profile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 12px;}

/* Responsive */
@media (max-width:980px){
  .hero-grid{flex-direction:column;}
  .time{flex:0 0 92px;}
  .auth-split{flex-direction:column;}
  .auth-left{flex:0 0 auto;min-height:220px;}
}

@media (max-width:920px){
  .nav{display:none;}
  .nav-toggle{display:inline-block;}
  .nav.open{
    display:flex;
    position:absolute;
    left:20px;right:20px;top:64px;
    flex-direction:column;
    gap:8px;
    padding:12px;
    border-radius:16px;
    background:#fff;
    border:1px solid rgba(15,23,42,.10);
    box-shadow:0 18px 50px rgba(2,6,23,.12);
  }
  .dd{position:static;display:none;box-shadow:none;border:0;padding:0;margin-left:10px;}
  .nav-item.open .dd{display:block;}
  .nav-link{width:100%;text-align:left;}
}