/* ==========================================
   AssetScout AGM DSR
==========================================*/

:root{

    --primary:#0057FF;
    --primary-dark:#0046CC;

    --bg:#F5F7FC;

    --card:#ffffff;

    --border:#E5E7EB;

    --text:#1E293B;

    --muted:#64748B;

    --success:#16A34A;

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:'Poppins',sans-serif;

    background:var(--bg);

    color:var(--text);

}

.wrapper{

    width:100%;

    padding:30px 15px 50px;

}

.container-box{

    max-width:650px;

    margin:auto;

}

.header{

    text-align:center;

    margin-bottom:25px;

}

.logo{

    width:85px;

    margin-bottom:15px;

}

.title{

    font-size:32px;

    font-weight:700;

    color:var(--primary);

    margin-bottom:5px;

}

.subtitle{

    color:var(--muted);

    font-size:15px;

}

.form-box{

    background:var(--card);

    border-radius:20px;

    padding:30px;

    box-shadow:0 10px 35px rgba(0,0,0,.08);

}

/* ============================= */

.section{

    margin-bottom:35px;

}

.section-title{

    font-size:20px;

    font-weight:600;

    margin-bottom:20px;

    padding-bottom:10px;

    border-bottom:2px solid #EEF2FF;

    color:var(--primary);

}

/* ============================= */

.form-label{

    font-size:14px;

    font-weight:600;

    margin-bottom:8px;

}

.form-control{

    height:56px;

    border-radius:12px;

    border:1px solid var(--border);

    font-size:16px;

    padding:12px 15px;

    transition:.3s;

}

.form-control:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 .2rem rgba(0,87,255,.15);

}

textarea.form-control{

    min-height:120px;

    resize:none;

}

/* ============================= */

.btn-primary-custom{

    width:100%;

    height:58px;

    border:none;

    border-radius:12px;

    background:#0057FF;

    color:#fff;

    font-size:17px;

    font-weight:600;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    transition:.3s;

    cursor:pointer;

}

.btn-primary-custom:hover{

    background:#0046CC;

    color:#fff;

}

/* ============================= */

.info-box{

    background:#F8FAFF;

    border:1px solid #E7ECFF;

    border-radius:12px;

    padding:15px;

    margin-bottom:25px;

}

/* ============================= */

.add-btn{

    margin-top:15px;

}

/* ============================= */

.training-item,
.review-item{

    border:1px solid #E5E7EB;

    border-radius:12px;

    padding:15px;

    margin-bottom:15px;

    background:#FAFAFA;

}

/* ============================= */

#meetingFields{

    display:none;

}

/* ============================= */

.footer-note{

    text-align:center;

    color:#94A3B8;

    font-size:13px;

    margin-top:20px;

}

/* ============================= */

@media(max-width:576px){

.form-box{

padding:20px;

}

.title{

font-size:28px;

}

.section-title{

font-size:18px;

}

.form-control{

height:54px;

}

}

/* ==========================
   Success Page
========================== */

.success-card{

    background:#ffffff;

    border-radius:20px;

    padding:50px 35px;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    margin-top:40px;

}

.success-icon{

    width:90px;

    height:90px;

    background:#16A34A;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:48px;

    margin:auto;

    margin-bottom:25px;

    animation:pop .6s ease;

}

@keyframes pop{

0%{

transform:scale(.5);

opacity:0;

}

70%{

transform:scale(1.1);

}

100%{

transform:scale(1);

opacity:1;

}

}

.success-title{

    font-size:32px;

    font-weight:700;

    color:#16A34A;

    margin-bottom:15px;

}

.success-text{

    font-size:17px;

    color:#64748B;

    margin-bottom:35px;

    line-height:1.7;

}

.success-buttons{

    display:flex;

    justify-content:center;

}

.success-buttons a{

    text-decoration:none;

    width:280px;

}

@media(max-width:576px){

.success-card{

padding:35px 20px;

}

.success-title{

font-size:24px;

}

.success-text{

font-size:15px;

}

.success-icon{

width:75px;

height:75px;

font-size:38px;

}

.success-buttons a{

width:100%;

}

}


.redirect-text{

    margin-top:10px;

    margin-bottom:25px;

    color:#64748B;

    font-size:15px;

}

.redirect-text span{

    color:#0057FF;

    font-weight:700;

}


.required{
    color:#DC3545;
    font-weight:700;
    margin-left:3px;
}

.invalid-feedback{
    font-size:13px;
}



.header-box {
    background: linear-gradient(135deg, #0d6efd, #0a58ca);
    color: #fff;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
}

@media (max-width: 768px) {
    .header-box {
        flex-direction: column;
        text-align: center;
        padding: 14px;
        row-gap: 10px;
    }
}

.header-content h2 {
    margin-bottom: 5px;
    font-size: 2.2rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .header-content h2 {
        font-size: 1.5rem;
        line-height: 1.3;
    }
}

.header-content p {
    margin: 0;
    font-size: 1.2rem;
}

@media (max-width: 768px) {
    .header-content p {
        font-size: 1rem;
    }
}

.header-logo {
    width: 320px;
}

@media (max-width: 768px) {
    .header-logo {
        width: 220px;
    }
}