.cmp-registration-wrapper {
    max_width: 600px;
    margin: 0 auto;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
}
.cmp-form-group { margin-bottom: 15px; }
.cmp-form-group label { display: block; font-weight: bold; margin-bottom: 5px; }
.cmp-form-group input, .cmp-form-group select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#cmp-submit-btn {
    background: #007cba;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
}
#cmp-submit-btn:disabled { background: #ccc; }
/* Special Styling for the Name (Fixed Width Underline) */
    .fill-name {
        font-size: 26px;
        font-weight: 700;
        color: #003366; 
        text-transform: uppercase;
        
        /* The Underline Style */
        border-bottom: 2px dotted #000; /* Change to 'solid' if you want a straight line */
        min-width: 350px; /* Forces the line to be long */
        text-align: center; /* Centers the name on the line */
        
        padding: 0 10px;
        display: inline-block;
        line-height: 1.2;
        margin: 0 5px;
    }