body{
    margin:0;
    font-family:'Poppins',sans-serif;
    background:linear-gradient(135deg,#11998e,#38ef7d);
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}
.form-wrapper{
    width:100%;
    max-width:1000px;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,0.3);
}
.header{
    background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
    color:#fff;
    text-align:center;
    padding:25px;
}
.header h1{
    margin:0;
    font-weight:600;
}
.header p{
    margin-top:8px;
    opacity:.9;
}
.form-body{
    padding:35px;
}
.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:18px;
}
.form-group label{
    font-weight:500;
    margin-bottom:6px;
	color:#0b4a8b;
    display:block;
}
.form-group input{
    width:100%;
    padding:12px;
    border-radius:8px;
    border:1px solid #ccc;
    font-size:14px;
}
.form-group input:focus{
    outline:none;
    border-color:#2c5364;
}

.form-group{
margin-right:20px;
}

.section{
    margin-top:30px;
}
.section h2{
    margin-bottom:15px;
    color:#0b4a8b;
    font-size:20px;
}
.event-box{
    background:#f5f7fb;
    padding:20px;
    border-radius:14px;
}
.event-box label{
    display:block;
    padding:8px 0;
    cursor:pointer;
}
.fee-box{
    margin-top:25px;
    background:linear-gradient(135deg,#11998e,#38ef7d);
    color:#fff;
    padding:20px;
    border-radius:14px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.fee-box input{
    width:120px;
    text-align:center;
    font-size:20px;
    font-weight:600;
    border:none;
    border-radius:8px;
    padding:6px;
}
.submit-btn{
    margin-top:30px;
    width:100%;
    padding:15px;
    font-size:18px;
    font-weight:600;
    background:linear-gradient(135deg,#1d2671,#c33764);
    color:#fff;
    border:none;
    border-radius:12px;
    cursor:pointer;
}
.submit-btn:hover{
    opacity:.9;
}
.footer-note{
    text-align:center;
    margin-top:15px;
    font-size:13px;
    color:#555;
}

.header.premium{
    background:linear-gradient(135deg,#11998e,#38ef7d);
    color:#fff;
    text-align:center;
    padding:35px 20px;
    position:relative;
}

.header.premium .badge{
    position:absolute;
    top:15px;
    right:20px;
    background:#ffffff;
    color:#11998e;
    padding:6px 14px;
    border-radius:20px;
    font-weight:600;
    font-size:13px;
}
.header.premium h1{
    margin:0;
    font-size:30px;
    font-weight:600;
}

.header.premium p{
    margin-top:8px;
    font-size:15px;
    opacity:0.95;
}
/* SECTION TITLE */
.section-title{
    text-align:center;
    margin-bottom:30px;
}

.section-title h2{
    font-size:24px;
    font-weight:600;
    color:#11998e;
    margin-bottom:6px;
}

.section-title p{
    font-size:14px;
    color:#666;
}

/* GRID LAYOUT */
.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:22px;
}



/* FOCUS EFFECT */
.form-group input:focus{
    outline:none;
    border-color:#38ef7d;
    background:#ffffff;
    box-shadow:0 0 0 4px rgba(56,239,125,0.25);
}

/* HOVER EFFECT */
.form-group input:hover{
    border-color:#11998e;
}



/* PARTICIPATION CARD */
.participation-card{
    background: linear-gradient(135deg, #f6f9ff, #ffffff);
    border-radius: 16px;
    padding: 20px;
    margin: 30px 0;
    box-shadow: 0 12px 30px rgba(11,74,139,0.15);
    border: 1px solid rgba(11,74,139,0.18);
}

/* HEADER */
.participation-header{
    font-size: 18px;
    font-weight: 600;
    color: #0b4a8b;
    margin-bottom: 12px;
}

/* SELECT WRAPPER */
.premium-select-wrapper{
    position: relative;
}

/* SELECT */
.premium-select{
    width:100%;
    padding:12px;
    border-radius:8px;
    border:1px solid #ccc;
    font-size:14px;
}

/* HOVER */
.premium-select:hover{
    border-color: #08396c;
}

/* FOCUS */
.premium-select:focus{
    outline: none;
    box-shadow: 0 0 0 4px rgba(11,74,139,0.25);
}

/* ARROW */
.select-arrow{
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #0b4a8b;
    pointer-events: none;
}


#ptype{
	width:100%;
    padding:12px;
    border-radius:8px;
    border:1px solid #ccc;
    font-size:14px;


}