html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
}

body { 
    font-family: 'Plus Jakarta Sans', sans-serif;
    background: linear-gradient(rgba(80, 0, 0, 0.9), rgba(80, 0, 0, 0.8)), url('../images/background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-deped-red { 
    background-color: #c00000; 
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-up { 
    animation: fadeInUp 0.5s ease-out forwards; 
}

.btn-hover-effect {
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.btn-hover-effect:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px -5px rgba(80, 0, 0, 0.4);
    filter: brightness(1.1);
}

.focus-ring-red:focus { 
    border-color: #500000; 
    outline: none;
}