/* ================= MPL HEADER ================= */
body{
    background:#f4f6f9;
    font-family:'Poppins',sans-serif;
}
.mpl-header {
    background: linear-gradient(135deg, #ff6b00, #ff8c00);
    padding:40px 20px;
    border-radius:12px;
    text-align:center;
    color:#fff;
    font-family:'Poppins', sans-serif;
    box-shadow:0px 6px 20px rgba(0,0,0,0.15);
    margin-bottom:30px;
}

.mpl-header h1{
    font-size:42px;
    font-weight:700;
    margin-bottom:10px;
}

.mpl-header h3{
    font-size:22px;
    font-weight:600;
    margin-bottom:5px;
}

.mpl-header p{
    font-size:16px;
    margin-top:15px;
    opacity:0.9;
}


/* ================= INFO SECTION ================= */

.info-section{
    margin-bottom:30px;
    font-family:'Poppins', sans-serif;
}

.info-card{
    border-radius:12px;
    padding:20px;
    background:#ffe6e6;
    box-shadow:0px 4px 15px rgba(0,0,0,0.08);
    height:100%;
    border-left: solid #ff6600 5px;
}

.info-title{
    font-size:20px;
    font-weight:600;
    color:#ff6b00;
    margin-bottom:10px;
}

.info-card ul{
    padding-left:18px;
}

.info-card ul li{
    margin-bottom:8px;
    font-size:15px;
}

.contact-box p{
    margin:5px 0;
    font-size:15px;
}

.deadline{
    background:linear-gradient(135deg, #28a745, #20c997);
    border-left:5px solid rgb(255, 102, 0);
    padding:15px;
    border-radius:8px;
    font-weight:600;
    text-align: center;
    color: #fff;
}


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

@media(max-width:768px){

.mpl-header h1{
    font-size:28px;
}

.mpl-header h3{
    font-size:18px;
}

}
/* ================= PLAYER FORM ================= */

.player-form-card{
    border-radius:15px;
    background:#ffffff;
    padding:25px;
    box-shadow:0px 5px 20px rgba(0,0,0,0.1);
    border-top:5px solid #ff6b00;
}

.form-heading{
    font-size:22px;
    font-weight:600;
    margin-bottom:20px;
    color:#ff6b00;
}

.skill-box {
    border: 2px solid #dee2e6;
    padding: 12px;
    border-radius: 10px;
    text-align: center;
    background: #f8f9fa;
    cursor: pointer;
    transition: 0.3s;
}

.skill-box:hover {
    background: #e9ecef;
}

.skill-box input[type="checkbox"] {
    display: none;
}

.skill-box label {
    cursor: pointer;
    display: block;
    font-weight: 500;
}

.skill-box input[type="checkbox"]:checked + label {
    color: #fff;
    background: #0d6efd;
    border-radius: 8px;
    padding: 5px;
}


.qr-box{
    border:2px dashed #ff6b00;
    padding:20px;
    text-align:center;
    border-radius:12px;
    margin-top:20px;
    background:#fff5f5;
}

.qr-box img{
    max-width:200px;
    margin:10px 0;
}

.payment-text{
    font-size:16px;
    font-weight:600;
    color:#ff6b00;
}

.submit-btn{
    background:#ff6b00;
    color:white;
    padding:12px;
    border:none;
    border-radius:8px;
    font-size:16px;
}

.submit-btn:hover{
    background:#f57c18;
}
small{
    font-size: 9px;
}
.info-box{
    background:#ff6b0078;
    width: 50%;
    border-radius:12px;
    padding:20px;
    margin:20px auto;
    box-shadow:0 4px 12px rgba(0,0,0,0.08);
    border-left:5px solid #28a745;
}

.info-box ul{
    list-style:none;
    padding-left:0;
    margin:0;
}

.info-box ul li{
    padding:10px 0;
    font-size:16px;
    border-bottom:1px solid #eee;
}

.info-box ul li:last-child{
    border-bottom:none;
}
@media(max-width:768px){
    .info-box{
        width: 100%;
    }
}
.footer{
background:#ff6b00;
color:#fff;
padding:15px 0;
text-align:center;
margin-top:40px;
}

.footer p{
margin:0;
font-size:14px;
}

.footer .dev{
font-size:15px;
margin-top:5px;
}

.footer span a{
color:#fff;
font-weight:600; 
font-size: 15px;
}