/*====================================================
        MANDATORY DISCLOSURE PAGE
====================================================*/

/*============== HEADER ==============*/

.mandatory-header{

    background:linear-gradient(
        135deg,
        #062741,
        #0B4D7A,
        #55ACEE
    );

    color:#fff;

    padding:90px 0;

    text-align:center;

    position:relative;

    overflow:hidden;

}

.mandatory-header::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    top:-180px;

    right:-120px;

    animation:float1 8s infinite ease-in-out;

}

.mandatory-header::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

    background:rgba(255,255,255,.06);

    left:-100px;

    bottom:-120px;

    animation:float2 10s infinite ease-in-out;

}

.mandatory-header h1{

    font-size:3.2rem;

    font-weight:800;

    margin-bottom:15px;

    animation:slideDown 1s;

}

.mandatory-header p{

    font-size:1.25rem;

    opacity:.95;

    animation:fadeUp 1.2s;

}


/*============== MAIN SECTION ==============*/

.container{

    animation:fadeIn 1s;

}


/*============== CARDS ==============*/

.disclosure-card{

    background:#fff;

    border:none;

    border-radius:20px;

    overflow:hidden;

    margin-bottom:45px;

    box-shadow:0 18px 40px rgba(0,0,0,.10);

    transition:.4s;

}

.disclosure-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(0,0,0,.15);

}


/*============== CARD TITLES ==============*/

.section-title{

    padding:18px 30px;

    color:#fff;

}

.section-title h3{

    margin:0;

    font-size:1.4rem;

    font-weight:700;

}

.section-title.primary{

    background:linear-gradient(90deg,#062741,#0B4D7A);

}

.section-title.success{

    background:linear-gradient(90deg,#198754,#38b66b);

}

.section-title.info{

    background:linear-gradient(90deg,#0dcaf0,#38d9ff);

}

.section-title.warning{

    background:linear-gradient(90deg,#ffc107,#ffcf33);

    color:#222;

}

.section-title.secondary{

    background:linear-gradient(90deg,#495057,#6c757d);

}


/*============== TABLE ==============*/

.custom-table{

    width:100%;

    border-collapse:collapse;

}

.custom-table th{

    width:35%;

    background:#f4f8fc;

    color:#062741;

    padding:18px;

    font-weight:700;

    border:1px solid #dee2e6;

}

.custom-table td{

    padding:18px;

    border:1px solid #dee2e6;

    color:#555;

}

.custom-table tbody tr{

    transition:.3s;

}

.custom-table tbody tr:hover{

    background:#eef8ff;

}


/*============== BUTTONS ==============*/

.pdf-btn{

    display:inline-block;

    background:linear-gradient(90deg,#dc3545,#ff5b6c);

    color:#fff;

    padding:10px 22px;

    border-radius:30px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.pdf-btn:hover{

    color:#fff;

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(220,53,69,.35);

}

.youtube-btn{

    display:inline-block;

    background:linear-gradient(90deg,#0B4D7A,#55ACEE);

    color:#fff;

    padding:10px 22px;

    border-radius:30px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.youtube-btn:hover{

    color:#fff;

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(11,77,122,.35);

}


/*============== STATUS BADGES ==============*/

.status{

    display:inline-block;

    padding:8px 18px;

    border-radius:25px;

    font-size:.85rem;

    font-weight:700;

    color:#fff;

}

.status.yes{

    background:#28a745;

}

.status.no{

    background:#dc3545;

}


/*============== ANIMATIONS ==============*/

@keyframes slideDown{

    from{

        opacity:0;

        transform:translateY(-50px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes fadeIn{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}

@keyframes float1{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(30px);

    }

    100%{

        transform:translateY(0);

    }

}

@keyframes float2{

    0%{

        transform:translateX(0);

    }

    50%{

        transform:translateX(25px);

    }

    100%{

        transform:translateX(0);

    }

}


/*============== RESPONSIVE ==============*/

@media(max-width:991px){

    .mandatory-header h1{

        font-size:2.6rem;

    }

    .custom-table th{

        width:40%;

    }

}

@media(max-width:768px){

    .mandatory-header{

        padding:70px 20px;

    }

    .mandatory-header h1{

        font-size:2rem;

    }

    .mandatory-header p{

        font-size:1rem;

    }

    .custom-table{

        display:block;

        overflow-x:auto;

        white-space:nowrap;

    }

    .pdf-btn,

    .youtube-btn{

        padding:8px 16px;

        font-size:.9rem;

    }

}