/* =========================
   MANAGEMENT MODAL OVERLAY
========================= */

.management-modal-overlay{

    position:fixed;

    inset:0;

    background:rgba(10,10,10,0.62);

    backdrop-filter:blur(8px);

    -webkit-backdrop-filter:blur(8px);

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    opacity:0;

    visibility:hidden;

    transition:0.35s ease;

    z-index:999999;

}

/* ACTIVE */

.management-modal-overlay.active{

    opacity:1;

    visibility:visible;

}

/* =========================
   MAIN MODAL
========================= */

.management-modal-container{

    position:relative;

    width:100%;

    max-width:1180px;

    height:720px;

    background:#ffffff;

    border-radius:28px;

    padding:24px;

    overflow:hidden;

    box-shadow:
    0 20px 60px rgba(0,0,0,0.16);

    transform:
    translateY(24px)
    scale(0.96);

    transition:0.4s ease;

}

/* ACTIVE */

.management-modal-overlay.active
.management-modal-container{

    transform:
    translateY(0)
    scale(1);

}

/* =========================
   CLOSE BUTTON
========================= */

.management-modal-close{

    position:absolute;

    top:24px;

    right:24px;

    width:54px;

    height:54px;

    border:none;

    border-radius:50%;

    background:#ffffff;

    box-shadow:
    0 6px 20px rgba(0,0,0,0.06);

    cursor:pointer;

    font-size:22px;

    color:#111;

    z-index:50;

    transition:0.3s ease;

}

.management-modal-close:hover{

    transform:rotate(90deg);

}

/* =========================
   BODY LAYOUT
========================= */
.management-modal-body{

    display:grid;
grid-template-columns:
0.46fr 1.22fr;
    gap:26px;

    height:100%;

}

/* =========================
   LEFT PANEL
========================= */
.management-left-panel{

    position:relative;

    background:
    linear-gradient(
        180deg,
        #fdf9f8 0%,
        #fbf8f7 100%
    );

    border-radius:22px;

    overflow:hidden;

    height:100%;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    padding:
    38px
    20px
    0;

}

/* LOGO */

.management-logo-wrap{

    margin-bottom:26px;
    margin-top:8px;

}

.management-logo{

    width:92px;

    opacity:1;

}

/* TITLE */
.management-title{

    font-size:33px;

    line-height:1.02;

    font-weight:700;

    color:#111628;

    margin-bottom:16px;

    letter-spacing:-1px;

}

.management-title span{

    display:block;

    color:#ca3434;

}

/* DIVIDER */

.management-divider{

    display:flex;

    justify-content:center;

    width:100%;

    margin-bottom:18px;

}

.management-divider span{

    width:74px;

    height:2px;

    background:#ca3434;

    position:relative;

}

.management-divider span::before{

    content:"";

    position:absolute;

    width:10px;

    height:10px;

    border:2px solid #ca3434;

    background:#fff;

    top:50%;

    left:50%;

    transform:
    translate(-50%,-50%)
    rotate(45deg);

}

/* TEXT */

.management-short-text{

    font-size:12px;

    line-height:2.05;

    color:#2d313d;

    max-width:235px;

}
/* IMAGE */

.management-image-wrap{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    height:58%;

    overflow:hidden;

    display:flex;

    align-items:flex-end;

}

.management-image{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center center;

    transform:scale(1.08);

    mask-image:
    linear-gradient(
        to top,

        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 28%,

        rgba(0,0,0,0.96) 42%,

        rgba(0,0,0,0.82) 55%,

        rgba(0,0,0,0.55) 68%,

        rgba(0,0,0,0.18) 82%,

        rgba(0,0,0,0.02) 92%,

        rgba(0,0,0,0) 100%
    );

    -webkit-mask-image:
    linear-gradient(
        to top,

        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 28%,

        rgba(0,0,0,0.96) 42%,

        rgba(0,0,0,0.82) 55%,

        rgba(0,0,0,0.55) 68%,

        rgba(0,0,0,0.18) 82%,

        rgba(0,0,0,0.02) 92%,

        rgba(0,0,0,0) 100%
    );

}

/* =========================
   RIGHT PANEL
========================= */

.management-right-panel{

    position:relative;

    padding:
    6px
    20px
    160px
    6px;

}

/* QUOTE */

.management-quote-icon{

    font-size:48px;

    color:#f0d8d5;

    line-height:1;

    margin-bottom:2px;

}

/* MAIN MESSAGE */

.management-main-message h3{

    font-size:18px;

    line-height:1.95;

    font-weight:700;

    color:#111722;

    max-width:690px;

    margin-bottom:14px;

}

.management-main-message span{

    color:#ca3434;

}

/* DIVIDER */

.management-content-line{

    width:100%;

    height:1px;

    background:#ececec;

    margin-bottom:18px;

}

/* PARAGRAPHS */

.management-paragraphs{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.management-paragraphs p{

    font-size:13px;

    line-height:1.95;

    color:#4b515d;

    max-width:680px;

}

/* =========================
   FLOATING FEATURE CARD
========================= */
.management-feature-card{

    position:absolute;

    left:55%;

    bottom:140px;

    transform:translateX(-50%);

    width:67%;

    background:
    rgba(255,255,255,0.98);

    border-radius:18px;

    padding:18px 24px;

    display:grid;

    grid-template-columns:
    repeat(4,1fr);

    gap:24px;

    box-shadow:
    0 10px 26px rgba(0,0,0,0.05);

    z-index:20;

}
/* FEATURE ITEM */

.management-feature-item{

    position:relative;

    text-align:center;

    padding:0 18px;

}

.management-feature-item:not(:last-child)::after{

    content:"";

    position:absolute;

    top:8px;

    right:-12px;

    width:1px;

    height:118px;

 background:
linear-gradient(
    to bottom,
    rgba(255,255,255,0),
    rgba(215,215,215,0.9),
    rgba(215,215,215,0.9),
    rgba(255,255,255,0)
);

}

/* ICON */

.management-feature-icon{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#fdf4f3;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:
    0 auto
    10px;

}

.management-feature-icon i{

    font-size:22px;

    color:#ca3434;

}

/* TITLE */

.management-feature-item h4{

    font-size:12px;

    font-weight:700;

    color:#171c27;

    line-height:1.4;

    margin-bottom:8px;

}

/* SMALL LINE */

.feature-small-line{

    width:54px;

    height:4px;

    background:
    linear-gradient(
        90deg,
        #b92b2b 0%,
        #d84b4b 50%,
        #b92b2b 100%
    );

    border-radius:999px;

    margin:
    0 auto
    12px;

    position:relative;

    box-shadow:
    0 2px 10px rgba(202,52,52,0.22);

}

.feature-small-line::after{

    content:"";

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:72px;

    height:12px;

    background:rgba(202,52,52,0.08);

    filter:blur(10px);

    border-radius:999px;

    z-index:-1;

}

/* DESCRIPTION */

.management-feature-item p{

    font-size:10px;

    line-height:1.8;

    color:#505662;

}

/* =========================
   AUTHOR
========================= */

.management-author{

    position:absolute;

    left:50%;

    bottom:20px;

    transform:translateX(-50%);

    display:flex;

    align-items:center;

    gap:14px;

}

/* ICON */

.management-author-icon{

    width:54px;

    height:54px;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #fff6f5 0%,
        #fdf1f0 100%
    );

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    box-shadow:
    0 4px 14px rgba(202,52,52,0.08);

}

.management-author-icon i{

    font-size:22px;

    color:#ca3434;

}

/* TEXT */

.management-author-text h5{

    font-size:14px;

    color:#151b26;

    margin-bottom:1px;

}

.management-author-text span{

    font-size:9px;

    color:#ca3434;

}