/* Handog Edukasyon — shared white & red theme.
   Linked after each page's inline <style> so it overrides the old blue/green.
   Change the red here (#c1121f) to restyle every page at once. */

body {
    font-family: 'Segoe UI', Roboto, -apple-system, Tahoma, Verdana, sans-serif;
    color: #2b2b2b;
}

.right-side {
    background-color: #f4f5f7;
}

.form-container {
    border-top: 4px solid #c1121f;
    border-radius: 10px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}

h2 {
    color: #c1121f;
}

label {
    font-weight: 500;
    color: #333;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="email"],
textarea,
select {
    border: 1.5px solid #e2e3e7;
    border-radius: 6px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: #c1121f;
    box-shadow: 0 0 0 3px rgba(193, 18, 31, 0.12);
}

button {
    background-color: #c1121f;
    border-radius: 6px;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: background-color 0.2s ease;
}

button:hover {
    background-color: #9a0e18;
}

.upload-btn {
    background-color: #fff;
    color: #c1121f;
    border: 1.5px solid #c1121f;
    border-radius: 6px;
    font-weight: 600;
}

.upload-btn:hover {
    background-color: #c1121f;
    color: #fff;
}