.kdr-wrap,
.kdr-wrap *{
    box-sizing:border-box;
}
.kdr-wrap{
    width:100%;
    font-family:Poppins, Arial, sans-serif;
    color:#0c2f66;
}
.kdr-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:28px;
    align-items:stretch;
}
.kdr-card{
    overflow:hidden;
    border:1px solid #cfe7fb;
    background:#fff;
    border-radius:16px;
    min-width:0;
    height:100%;
    box-shadow:0 12px 35px rgba(0,43,101,.05);
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.kdr-card:hover{
    transform:translateY(-4px);
    border-color:#a8d5f5;
    box-shadow:0 20px 50px rgba(0,43,101,.09);
}
.kdr-card__media{
    width:100%;
    height:245px;
    overflow:hidden;
    background:#f7fbff;
    border-radius:15px 15px 0 0;
}
.kdr-card__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center top;
    transition:transform .3s ease;
}
.kdr-card:hover .kdr-card__media img{
    transform:scale(1.025);
}
.kdr-card__body{
    padding:28px;
    min-height:260px;
    display:flex;
    flex-direction:column;
}
.kdr-card__name{
    margin:0 0 8px;
    color:#003d8f;
    font-size:18px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:-.02em;
}
.kdr-card__role{
    margin:0 0 14px;
    color:#2857a4;
    font-size:15px;
    line-height:1.45;
    font-weight:500;
}
.kdr-card__summary{
    margin:0 0 22px;
    color:#405f9f;
    font-size:14px;
    line-height:1.65;
    font-weight:400;
}
.kdr-card__button{
    margin-top:auto;
    appearance:none;
    border:0;
    border-radius:999px;
    background:#003d8f;
    color:#fff;
    font-size:13px;
    line-height:1;
    font-weight:600;
    padding:13px 18px;
    cursor:pointer;
    width:max-content;
    max-width:100%;
    transition:background .2s ease, transform .2s ease, box-shadow .2s ease;
    box-shadow:0 10px 24px rgba(0,61,143,.18);
}
.kdr-card__button:hover,
.kdr-card__button:focus{
    background:#012f6e;
    color:#fff;
    transform:translateY(-1px);
    outline:none;
}
.kdr-template{
    display:none !important;
}
.kdr-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
}
.kdr-modal.is-open{
    display:flex;
}
.kdr-modal__overlay{
    position:absolute;
    inset:0;
    background:rgba(2,13,31,.62);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}
.kdr-modal__dialog{
    position:relative;
    width:min(920px, 100%);
    max-height:min(86vh, 860px);
    overflow:auto;
    background:#fff;
    border-radius:22px;
    border:1px solid rgba(207,231,251,.9);
    box-shadow:0 34px 110px rgba(0,0,0,.28);
    padding:24px 30px 34px;
    animation:kdrModalIn .22s ease both;
}
@keyframes kdrModalIn{
    from{opacity:0; transform:translateY(12px) scale(.985)}
    to{opacity:1; transform:translateY(0) scale(1)}
}
.kdr-modal__topbar{
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:14px;
    margin:-8px -12px 16px;
    padding:8px 12px;
    background:linear-gradient(180deg,#fff 70%,rgba(255,255,255,.92));
}
.kdr-modal__lang{
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px 10px;
    border:1px solid #d8eaf8;
    border-radius:999px;
    background:#f8fcff;
    color:#2857a4;
    font-size:12px;
    font-weight:700;
    line-height:1;
    user-select:none;
}
.kdr-modal__lang-text{
    opacity:.48;
    transition:opacity .2s ease, color .2s ease;
}
.kdr-modal[data-lang="en"] .kdr-modal__lang-text--en,
.kdr-modal[data-lang="tr"] .kdr-modal__lang-text--tr{
    opacity:1;
    color:#003d8f;
}
.kdr-switch{
    position:relative;
    display:inline-flex;
    cursor:pointer;
}
.kdr-switch__input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.kdr-switch__track{
    position:relative;
    display:inline-block;
    width:42px;
    height:23px;
    background:#d8eaf8;
    border-radius:999px;
    transition:background .2s ease;
}
.kdr-switch__thumb{
    position:absolute;
    width:17px;
    height:17px;
    top:3px;
    left:3px;
    border-radius:50%;
    background:#003d8f;
    box-shadow:0 4px 10px rgba(0,61,143,.22);
    transition:transform .2s ease;
}
.kdr-switch__input:checked + .kdr-switch__track{
    background:#c4def5;
}
.kdr-switch__input:checked + .kdr-switch__track .kdr-switch__thumb{
    transform:translateX(19px);
}
.kdr-modal__close{
    appearance:none;
    border:1px solid #d8eaf8;
    background:#fff;
    color:#003d8f;
    width:42px;
    height:42px;
    border-radius:50%;
    font-size:28px;
    line-height:38px;
    font-weight:300;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .2s ease, transform .2s ease, color .2s ease;
}
.kdr-modal__close:hover,
.kdr-modal__close:focus{
    background:#f1f8ff;
    color:#001f50;
    outline:none;
    transform:rotate(90deg);
}
.kdr-modal__header{
    display:grid;
    grid-template-columns:170px minmax(0,1fr);
    gap:24px;
    align-items:center;
    padding:0 0 22px;
    margin:0 0 24px;
    border-bottom:1px solid #e8f4fc;
}
.kdr-modal__photo{
    width:170px;
    aspect-ratio:1/1;
    border-radius:18px;
    overflow:hidden;
    background:#f4f9fd;
    border:1px solid #d8eaf8;
}
.kdr-modal__photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    display:block;
}
.kdr-modal__name{
    margin:0 0 8px;
    color:#003d8f;
    font-size:30px;
    line-height:1.17;
    font-weight:600;
    letter-spacing:-.03em;
}
.kdr-modal__role{
    color:#2857a4;
    font-size:17px;
    line-height:1.45;
    font-weight:500;
}
.kdr-modal__content{
    color:#405f9f;
    font-size:15px;
    line-height:1.78;
    font-weight:400;
}
.kdr-modal__content p{
    margin:0 0 16px;
}
.kdr-modal__content h4{
    margin:22px 0 12px;
    color:#003d8f;
    font-size:18px;
    line-height:1.3;
    font-weight:600;
}
.kdr-modal__content ul{
    margin:0 0 18px 0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px 18px;
}
.kdr-modal__content li{
    position:relative;
    padding-left:18px;
    min-width:0;
}
.kdr-modal__content li:before{
    content:"";
    position:absolute;
    left:0;
    top:.72em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#003d8f;
}
body.kdr-modal-open{
    overflow:hidden;
}
@media (max-width:1024px){
    .kdr-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .kdr-card__body{
        min-height:230px;
    }
}
@media (max-width:767px){
    .kdr-grid{
        grid-template-columns:1fr;
        gap:18px;
    }
    .kdr-card__media{
        height:260px;
    }
    .kdr-card__body{
        padding:22px;
        min-height:auto;
    }
    .kdr-card__button{
        width:100%;
        justify-content:center;
    }
    .kdr-modal{
        padding:12px;
        align-items:flex-end;
    }
    .kdr-modal__dialog{
        max-height:92vh;
        border-radius:20px 20px 0 0;
        padding:18px 18px 26px;
        width:100%;
    }
    .kdr-modal__topbar{
        margin:-6px -6px 14px;
        padding:6px;
        gap:8px;
    }
    .kdr-modal__header{
        grid-template-columns:86px minmax(0,1fr);
        gap:14px;
        margin-bottom:18px;
        padding-bottom:18px;
    }
    .kdr-modal__photo{
        width:86px;
        border-radius:14px;
    }
    .kdr-modal__name{
        font-size:22px;
    }
    .kdr-modal__role{
        font-size:14px;
    }
    .kdr-modal__content{
        font-size:14px;
        line-height:1.72;
    }
    .kdr-modal__content ul{
        grid-template-columns:1fr;
        gap:8px;
    }
}