*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#f3f6ff;--navy:#071a45;--navy2:#061226;--orange:#ff5a14;--orange2:#ff7a1a;--muted:#75829c;--line:#e0e7f3;--shadow:0 18px 44px rgba(7,26,69,.10)}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--navy);font-size:14px;letter-spacing:-.01em}
a{text-decoration:none;color:inherit}
.page-shell{width:min(1760px,94vw);margin:auto}
.topbar{height:88px;background:rgba(243,246,255,.96);position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(7,26,69,.04)}
.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:22px}.brand img{height:56px}.brand span{width:1px;height:44px;background:#c5cede}

.brand strong{
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 0.6px;
}

.nav-tools{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:600}
.ticker{display:flex;gap:11px;align-items:center}
.ticker b{color:#0070c9}
.ticker em{font-style:normal;color:#10a365}
.nav-tools small{font-size:14px;color:#68748c}
.nav-search{border:0;border-bottom:1px solid #cbd4e5;background:transparent;color:#9aa5b8;font-style:italic;padding:8px 58px 8px 0}
.search-icon{font-size:22px;font-style:normal}.menu-btn{width:60px;height:60px;border:0;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 16px 32px rgba(255,90,20,.25);cursor:pointer}.menu-btn span{width:23px;height:2px;background:#fff;border-radius:8px}.drawer{position:fixed;inset:0;background:#fff;z-index:100;transform:translateX(100%);transition:.35s;padding:46px 7vw}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:44px}.drawer-head img{height:58px}.drawer-head button{width:48px;height:48px;border:0;border-radius:50%;background:var(--navy);color:#fff;font-size:28px}

.drawer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:34px}

.drawer-grid h3{font-size:20px;color:var(--orange);font-weight:600;margin-bottom:15px}.drawer-grid a{display:block;padding:13px 0;border-bottom:1px solid var(--line);color:#68748c}
.dashboard{padding:24px 0 70px}.card{background:#fff;border-radius:16px;box-shadow:var(--shadow);position:relative;overflow:hidden}.top-grid{display:grid;grid-template-columns:430px 1fr 410px;gap:20px}.numbers-card,.calendar-card{height:330px;padding:38px}.hero-card{height:330px;background:#061226}.title-pill{position:absolute;left:0;top:38px;width:28px;height:20px;background:var(--orange);border-radius:0 12px 12px 0}.card h2{font-size:18px;font-weight:700;margin-left:0;padding-left:22px}
.numbers-slider{position:absolute;left:38px;right:38px;top:92px;bottom:78px}.num-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;opacity:0;visibility:hidden}.num-slide.active{opacity:1;visibility:visible}.spark{font-size:34px;color:var(--orange);margin-bottom:22px;line-height:1}.num-slide strong{font-size:38px;font-weight:700;line-height:1}.num-slide p{font-size:15px;font-weight:500}.ring{width:126px;height:126px;border-radius:50%;background:conic-gradient(var(--navy) 0 34%,#e1e8f4 34% 52%,var(--navy) 52% 70%,var(--orange) 70% 100%);display:grid;place-items:center;margin-bottom:12px}.ring span{width:72px;height:72px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:700}.dots{position:absolute;display:flex;gap:10px}.dots button{width:11px;height:11px;border:0;border-radius:50%;background:#b9c6d8}.dots button.active{background:var(--orange)}#numbersDots{left:38px;bottom:36px}

.outline-btn{height:46px;min-width:118px;border:1px solid var(--orange);border-radius:25px;color:var(--orange);display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:0 24px;font-weight:600;background:#fff;position:absolute;right:32px;bottom:12px}

.hero-card:before{content:"";position:absolute;inset:0;}

.hero-copy{position:absolute;z-index:4;left:0px;top:0px;color:#fff}


.hero-copy h1{font-size:28px;line-height:1.16;font-weight:700;margin-bottom:20px}.hero-copy p{color:#d9e2f2;font-weight:500;margin-bottom:32px}.hero-copy a{height:48px;min-width:132px;border-radius:25px;background:var(--orange);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;padding:0 25px;font-weight:700}

.hero-card img{position:absolute;width:365px;height:245px;object-fit:cover;border-radius:16px;z-index:2;}





.hero-dots{left:62px;bottom:42px}.hero-dots button.active{width:34px;border-radius:12px}
.event{display:flex;gap:18px;margin-top:32px}.event.second{margin-top:27px}.event-date{width:66px;height:74px;border-radius:8px;background:#fff;box-shadow:0 9px 20px rgba(7,26,69,.12);text-align:center;padding-top:9px;flex:0 0 66px}.event-date small{display:block;font-size:12px;color:var(--orange);font-weight:600}.event-date b{font-size:34px;line-height:1}.event-text strong{font-size:15px;font-weight:700;display:block;margin-top:8px}.event-text p{font-size:13px;color:#8793aa;margin-top:10px}
.middle-grid{display:grid;grid-template-columns:540px 1fr;gap:20px;margin-top:20px}
.disclosure-card{height:320px;display:flex}
.tab-side{width:64px;background:#a9b8d0;display:flex;flex-direction:column}
.tab-side button{flex:1;border:0;color:#fff;background:transparent;font-size:13px;font-weight:500;letter-spacing:.015em;writing-mode:vertical-rl;transform:rotate(180deg);cursor:pointer}.tab-side button.active{background:var(--navy)}.disclosure-body{flex:1;position:relative;padding:34px 84px 80px 34px}.tab-panel{display:none}.tab-panel.active{display:block}

.notice-row{display:grid;grid-template-columns:70px 1fr 18px;gap:20px;align-items:center;margin-bottom:18px;color:#697791}.notice-row time{width:70px;border-radius:8px;background:var(--orange);color:#fff;text-align:center;overflow:hidden}.notice-row time b{display:block;font-size:18px;padding:9px 0 5px}.notice-row time small{display:block;background:#ff7a1a;padding:7px 2px;font-size:12px}.notice-row p{font-size:14px;font-weight:500;line-height:1.42}.notice-row i{font-style:normal;font-size:24px;color:var(--navy)}

.notice-more{right:36px;bottom:12px}

.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quick-grid a{min-height:150px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:84px 1fr 20px;align-items:center;padding:0 28px;color:var(--navy);transition:.25s}.quick-grid a:hover{transform:translateY(-4px)}.quick-grid i{width:64px;height:64px;border-radius:50%;background:#f6f8fc;border:1px solid #e6ecf6;display:grid;place-items:center;color:var(--orange);font-style:normal;font-size:27px}.quick-grid span{font-size:16px;line-height:1.32;font-weight:600}.quick-grid b{font-size:24px;font-weight:500}

.stats-strip{margin-top:38px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);min-height:190px;display:grid;grid-template-columns:repeat(5,1fr);padding:32px 34px}

.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;border-right:1px solid var(--line)}

.stat-item:last-child{border-right:0}

.stat-item i{    
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f6f8fc;
    border: 1px solid #e6ecf6;
    display: grid;
    place-items: center;
    color: var(--orange);
    font-size: 28px;
    font-style: normal;}

.stat-item strong{font-size:30px;font-weight:600;line-height:1;min-height:30px}

.stat-item span{font-size:15px;font-weight:500;color:#62718e;line-height:1.36}




@media(max-width:1300px){.page-shell{width:94vw}.top-grid{grid-template-columns:1fr}.middle-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.stats-strip{grid-template-columns:repeat(3,1fr)}.stat-item:nth-child(3n){border-right:0}.nav-tools a,.nav-search,.search-icon,.ticker, .nav-tools small{display:none}}
@media(max-width:720px){.brand strong,.brand span{display:none}.brand img{height:44px}.menu-btn{width:50px;height:50px}.numbers-card,.hero-card,.calendar-card{height:330px}

    .hero-copy{left:0px;top:0px;padding: 35px 0 0 25px!important;}


    .hero-copy h1{font-size:27px}

    .hero-card img{width:185px;height:110px;opacity:.48}

    .disclosure-card{height:auto;flex-direction:column}.tab-side{width:100%;height:58px;flex-direction:row}.tab-side button{writing-mode:horizontal-tb;transform:none}.disclosure-body{padding:24px 18px 90px}

  .notice-row{/*grid-template-columns:1fr;*/gap:10px}


  .quick-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:1fr}.stat-item{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.stat-item:last-child{border-bottom:0}.drawer-grid{grid-template-columns:1fr}}


/* v24 hero slider dots clickable */
.hero-card{
  overflow:hidden !important;
}

.hero-card .hero-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .45s ease, visibility .45s ease !important;
}

.hero-card .hero-slide.active{
  opacity:1 !important;
  visibility:visible !important;
}

.hero-dots{
  z-index:20 !important;
}

.hero-dots button{
  cursor:pointer !important;
  transition:.2s ease !important;
}

.hero-dots button:hover{
  transform:scale(1.12);
}


.hero-card{
    height:330px;
}

.hero-slide{
    height:360px;
}

.hero-copy{
    max-width:430px;
    padding:55px 0 0 60px;
}

.hero-copy h1{
    font-size:28px;
    line-height:1.15;
    font-weight:700;
    margin-bottom:18px;
}

.hero-copy p{
    font-size:15px;
    line-height:1.6;
    margin-bottom:24px;
    color:rgba(255,255,255,.85);
}

.hero-copy a{
    padding:14px 28px;
    font-size:14px;
}

.hero-dots{
    left:60px;
    bottom:28px;
}



.hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center right;
}











/* subpage right quick menu */
.sub-layout{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:24px;
  align-items:start;
}

.sub-menu{
  background:#fff;
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:22px;
  position:sticky;
  top:110px;
}

.sub-menu h3{
  font-size:18px;
  font-weight:600;
  margin-bottom:14px;
  color:var(--navy);
}

.sub-menu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid var(--line);
  color:#68748c;
  font-weight:500;
  transition:.2s ease;
}

.sub-menu a:last-child{
  border-bottom:0;
}

.sub-menu a.active,
.sub-menu a:hover{
  color:var(--orange);
  padding-left:6px;
}

.sub-menu a span{
  color:var(--orange);
}

@media(max-width:900px){
  .sub-layout{
    grid-template-columns:1fr;
    display: block;
  }

  .sub-menu{
    position:relative;
    top:auto;
    order:-1;
  }
}





@media (max-width: 768px){

  #drawer.drawer{
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;

    width: 100% !important;
 
    height: 100dvh !important;

    overflow-y: auto !important;


    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;

    padding: 30px 30px 100px !important;
    background: #fff;
  }

  #drawer .drawer-head{
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    padding-bottom: 25px;
  }

  #drawer .drawer-grid{
    display: grid;
    gap: 34px;
    padding-bottom: 120px !important;
  }

  body.menu-open,
  body.drawer-open{
    overflow: hidden !important;
  }

}

























.sermaye-table{
    width:100%;
    border-collapse:separate;
    border-spacing:0 18px;

    color:#0000b8;
    font-size:16px;
}


.sermaye-table tr:nth-child(odd) {
    background-color: #e7ebee;
}

.sermaye-table  tr{
    background:#b9c9df;
}

.sermaye-table tr th{
padding: 18px 20px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    background-color: #405569;
}





.sermaye-table thead th:first-child{
    border-radius:8px 0 0 8px;
}

.sermaye-table thead th:last-child{
    border-radius:0 8px 8px 0;
}

.sermaye-table tbody tr:nth-child(even){
    background:#e1e6eb;
}

.sermaye-table tbody tr:nth-child(odd){
    background:transparent;
}

.sermaye-table tbody td{
    padding: 18px 20px;
    text-align: center;
    color: #213466;
    font-size: 13px;
}

.sermaye-table tbody tr:nth-child(even) td:first-child{
    border-radius:8px 0 0 8px;
}

.sermaye-table tbody tr:nth-child(even) td:last-child{
    border-radius:0 8px 8px 0;
}


.table-scroll{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}



@media(max-width:768px){

   .table-scroll{
        margin:20px 0;
        border-radius:10px;
        overflow-x:auto;
      
    }

    .sermaye-table{
        min-width:100%;
    }

      .sub-card{
        padding:20px!important;
        border-radius:12px!important;
        line-height:1.6!important;
    }
}



.pdf-list{
    width:100%;
    color:#213466;
    font-size:16px;
        margin-top: 50px;
}

.pdf-head,
.pdf-row{
    display:grid;
    grid-template-columns: 2fr 1fr 1fr;
    align-items:center;
}

.pdf-head{
    background:#405569;
    border-radius:8px;
    padding:18px 30px;
    margin-bottom:14px;
    color: #fff;
}

.pdf-row{
    padding:18px 30px;
    border-radius:8px;
    margin-bottom:14px;
}

.pdf-row:nth-child(odd){
    background:#e1e6eb;
}

.pdf-row div:nth-child(2),
.pdf-row div:nth-child(3),
.pdf-head div:nth-child(2),
.pdf-head div:nth-child(3){
    text-align:center;
}

.pdf-download{
    color:#0000b8;
    font-size:22px;
    text-decoration:none;
    font-weight:bold;
}

.pdf-download:hover{
    opacity:.7;
}

@media(max-width:768px){
    .pdf-list{
        font-size:13px;
        overflow-x:auto;
    }

    .pdf-head,
    .pdf-row{
        grid-template-columns: 2fr 1fr 1fr;
        min-width:650px;
        padding:14px 18px;
    }
}





.pdf-download{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

.pdf-download svg{
    width:38px;
    height:38px;
}

.pdf-download:hover{
    transform:scale(1.1);
}


.ticker-wrap{
    display:flex;
    align-items:center;
    gap:15px;
}

.ticker-label{
    font-size:16px;
    font-weight:700;
    color:#fff;
    white-space:nowrap;
}

.tradingview-widget-container{
    width:220px;
    height:50px;
    overflow:hidden;
}

.ticker{
    display:flex;
    align-items:center;
    gap:25px;
    color:#fff;
}

.kur-item{
    display:flex;
    align-items:center;
    gap:8px;
}

.kur-item b{
    font-size:13px;
    font-weight:700;
    color:#1a1a1a;
}

.kur-item strong{
    font-size:15px;
    font-weight:700;
    color:#fff;
}

.ticker small{
    color:#1a1a1a;
    font-size:12px;
}

.kur-item strong.up{
    color:#1db954;
}

.kur-item strong.down{
    color:#e53935;
}

.kur-item strong{
    font-weight:700;
}



@media (max-width: 768px){
    .ticker{
        display:none;
    }
}

.nav-search-box{
    position:relative;
}

.nav-search-btn{
    border:none;
    background:none;
    color:#1c355e;
    font-size:14px;
    font-weight:500;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:8px;
}

.nav-search-btn i{
    font-size:15px;
}

.search-dropdown{
    position:absolute;
    top:45px;
    right:0;
    width:350px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    padding:15px;
    display:none;
    z-index:999;
}

.search-dropdown.active{
    display:block;
}

.search-dropdown form{
    display:flex;
}

.search-dropdown input{
    flex:1;
    height:48px;
    border:1px solid #ddd;
    border-radius:6px 0 0 6px;
    padding:0 15px;
    outline:none;
}

.search-dropdown button{
    width:55px;
    border:none;
    background:#1c355e;
    color:#fff;
    border-radius:0 6px 6px 0;
    cursor:pointer;
}

.search-dropdown button:hover{
    background:#0e2448;
}



.news-box{
    background:#fff;
    border-radius:24px;
    padding:30px;
}

.event-item{
    display:flex;
    gap:25px;
    padding:20px 0;
    border-bottom:1px solid #eceff5;
    text-decoration:none;
}

.event-item:last-child{
    border-bottom:none;
}

.event-date{
    width:90px;
    min-width:90px;
    height:90px;
    background:#f7f8fb;
    border-radius:18px;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.event-date small{
    color:#ff6200;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
}

.event-date b{
    color:#08214d;
    font-size:42px;
    line-height:1;
    font-weight:800;
}

.event-content{
    flex:1;
}

.event-content h4{
    margin:0 0 10px;
    color:#08214d;
    font-size:22px;
    font-weight:700;
}

.event-content p{
    margin:0 0 12px;
    color:#6c7486;
    line-height:1.7;
    font-size:15px;
}

.read-more{
    color:#ff6200;
    font-weight:600;
}

.event-item:hover h4{
    color:#ff6200;
}

/* SAĞ MENÜ */

.side-menu{
    background:#fff;
    border-radius:24px;
    padding:30px;
    position:sticky;
    top:30px;
}

.side-menu h3{
    margin:0 0 20px;
    color:#08214d;
    font-size:24px;
}

.side-menu ul{
    padding:0;
    margin:0;
    list-style:none;
}

.side-menu li{
    margin-bottom:10px;
}

.side-menu a{
    display:block;
    padding:14px 18px;
    background:#f5f7fb;
    border-radius:12px;
    color:#08214d;
    text-decoration:none;
    transition:.3s;
}

.side-menu a:hover{
    background:#ff6200;
    color:#fff;
}