/* Additional styles — kept minimal since primary styles are in style.css */

/* Fade-in animation for sections */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.section-title,
.expectation-card,
.why-us-card,
.position-card,
.apply-item {
    animation: fadeInUp 0.6s ease forwards;
}

/* Hover effects for interactive elements */
.btn:active {
    transform: scale(0.98);
}

/* Selection color */
::selection {
    background: rgba(43, 181, 178, 0.2);
    color: var(--color-secondary);
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--color-primary);
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .site-header,
    .site-footer,
    .nav-toggle,
    .btn,
    .video-recorder,
    .recorder-controls {
        display: none !important;
    }

    body {
        color: #000;
        background: #fff;
    }

    .section {
        padding: 20px 0;
    }
}