/* --- Global Body Styles --- */
body { 
    background-color: #000; 
    color: #fff; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    margin: 0; 
    padding: 0; 
}

/* --- Banner Section --- */
.contact-banner { 
    width: 100%; 
    height: 250px; 
    background: #1a1a1a url('../../uploads-profile/banner.jpg') center/cover no-repeat; 
}

.navy-border { 
    height: 6px; 
    background-color: #000080; 
    width: 100%; 
}

/* --- Form Container --- */
.container { 
    max-width: 550px; 
    margin: 30px auto; 
    padding: 25px; 
    background: #111; /* হালকা কালো ব্যাকগ্রাউন্ড */
    border-radius: 12px; 
    border: 1px solid #333;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    box-sizing: border-box;
}

h2 { 
    color: #fff; 
    margin-top: 0; 
    font-size: 28px;
    border-bottom: 2px solid #000080;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.form-group { margin-bottom: 22px; }

label { 
    display: block; 
    margin-bottom: 8px; 
    font-weight: 600; 
    color: #eee; 
    font-size: 15px;
}

/* --- Input Fields (এগুলো এবার পরিষ্কার বোঝা যাবে) --- */
select, 
input[type="text"], 
input[type="email"], 
textarea { 
    width: 100%; 
    padding: 14px; 
    background: #1a1a1a; /* ফিল্ডের ব্যাকগ্রাউন্ড একটু আলাদা */
    border: 2px solid #444; /* স্পষ্ট বর্ডার */
    color: #fff; 
    border-radius: 8px; 
    font-size: 16px; 
    box-sizing: border-box; 
    transition: all 0.3s ease;
}

/* যখন ইউজার ইনপুটে ক্লিক করবে */
select:focus, 
input:focus, 
textarea:focus {
    border-color: #000080; /* নেভি ব্লু বর্ডার */
    background: #222;
    outline: none;
    box-shadow: 0 0 8px rgba(0, 0, 128, 0.4);
}

textarea { resize: vertical; min-height: 120px; }

/* --- Feedback Options (Radio Buttons) --- */
.feedback-options { 
    display: none; 
    background: #1a1a1a; 
    padding: 15px; 
    border-radius: 8px; 
    margin-bottom: 20px; 
    border: 1px dashed #000080;
}

.radio-group { 
    margin: 12px 0; 
    display: flex; 
    align-items: center; 
    cursor: pointer;
}

.radio-group input[type="radio"] { 
    width: 18px; 
    height: 18px; 
    margin-right: 12px; 
    accent-color: #000080; /* রেডিও বাটনের রঙ ব্লু */
}

/* --- Submit Button --- */
.btn-submit { 
    background: #000080; 
    color: white; 
    padding: 16px; 
    border: none; 
    border-radius: 8px; 
    cursor: pointer; 
    font-size: 18px; 
    font-weight: bold;
    width: 100%; 
    transition: 0.3s;
}

.btn-submit:hover { background: #0000a5; transform: translateY(-2px); }

/* --- Mobile View Adjustments --- */
@media (max-width: 600px) {
    .container { 
        margin: 15px; 
        padding: 20px; 
        width: auto;
    }
    h2 { font-size: 24px; }
    .contact-banner { height: 180px; }
    input, select, textarea { padding: 12px; font-size: 15px; } /* মোবাইলে টাইপ করতে সুবিধা হবে */
}