/* Page Background */
body {
    background-color: #0c2221 !important;
    color: #ffffff !important;
}

/* Remove outer wrapper background & shadow completely */
.container.wrap {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Clean Single Card Styling */
section.login {
    background-color: #112d2b !important;
    border: 1px solid #173f3d !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    padding: 2rem !important;
}

/* Labels & Headings */
section.login h2,
section.login label {
    color: #ffffff !important;
}

/* Input Fields */
section.login input[type="text"],
section.login input[type="password"] {
    background-color: #0c2221 !important;
    border: 1px solid #173f3d !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

/* Input Focus Glow */
section.login input:focus {
    border-color: #1e524f !important;
    box-shadow: 0 0 0 2px rgba(30, 82, 79, 0.5) !important;
}

/* Primary Button */
section.login button,
section.login .button.is-primary {
    background-color: #173f3d !important;
    border-color: #173f3d !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

section.login button:hover {
    background-color: #1e524f !important;
}

/* Footer & Subtext */
section.login a,
footer.container,
footer.container a {
    color: #a0aec0 !important;
}