.cc-container {
    margin: 2rem auto;
    background-color: #FFFFFF; /* White from Indian flag */
    border: 2px solid #FF9933; /* Saffron border */
}

.cc-container h2 {
    color: #FF9933; /* Saffron for heading */
}

.cc-container label {
    color: #000080; /* Navy blue for labels */
}

.cc-container input:focus,
.cc-container select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(19, 136, 8, 0.3); /* Green focus ring */
    border-color: #138808; /* Green from Indian flag */
}

.cc-container button {
    background-color: #138808; /* Green button */
}

.cc-container button:hover {
    background-color: #0f6b06; /* Darker green on hover */
}

.cc-container button:disabled {
    background-color: #9ca3af;
    cursor: not-allowed;
}

.cc-container #result {
    color: #000080; /* Navy blue for result text */
}

@media (max-width: 640px) {
    .cc-container {
        padding: 1rem;
    }
}