/* Title: Custom Styles */
body {
    font-family: 'Inter', sans-serif;
    background-image: url('https://as1.ftcdn.net/v2/jpg/02/69/74/04/1000_F_269740489_H9JCPmidJQh3erTmXPnlg5capVGXTdFb.jpg'); /* Updated to new cybersecurity-themed background */
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-opacity: 0.3; /* Subtle transparency */
    background-color: #f3f4f6; /* Default light gray background */
}

.container {
    max-width: 1200px;
    background-color: rgba(255, 255, 255, 0.9); /* Semi-transparent white for readability */
    border-radius: 8px;
    padding: 1rem;
}

button {
    transition: background-color 0.3s ease;
}

button:disabled {
    background-color: #a0aec0; /* Gray for disabled buttons */
    cursor: not-allowed;
}

.cursor-move {
    cursor: move;
}

input, button {
    outline: none;
}

section {
    transition: opacity 0.3s ease;
}

#quizProgress {
    font-weight: 500;
}

#quizResult {
    font-size: 1.1rem;
}

#quizQuestion {
    white-space: pre-wrap; /* Preserve line breaks for email format */
    font-family: 'Courier New', Courier, monospace; /* Monospace for email look */
}

#backToModule.phishing {
    position: absolute;
    top: 1rem;
    right: 1rem;
}