/* Base Variables for Theming */
:root {
    --bg-main: #f0f4f8; --bg-secondary: #ffffff; --bg-header: linear-gradient(to right, #00c6ff, #0072ff);
    --text-primary: #1a202c; --text-secondary: #4a5568; --text-on-accent: #ffffff;
    --accent-primary: #0095ff; --accent-secondary: #00c6ff; --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
html.dark {
    --bg-main: #111827; --bg-secondary: #1f2937; --bg-header: linear-gradient(to right, #1f2937, #111827);
    --text-primary: #f9fafb; --text-secondary: #d1d5db; --text-on-accent: #ffffff;
    --accent-primary: #38bdf8; --accent-secondary: #67e8f9; --card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    --card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
}
/* Applying variables and custom styles */
body { font-family: 'Poppins', sans-serif; background-color: var(--bg-main); color: var(--text-primary); transition: background-color 0.3s, color 0.3s; scrollbar-width: none; }
body::-webkit-scrollbar { display: none; }
.glass-card { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); }
html.light .glass-card { background: rgba(255, 255, 255, 0.6); border: 1px solid rgba(0, 0, 0, 0.05); }
.file-card:hover .glow-effect { opacity: 1; }
.glow-effect { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0.75rem; background: radial-gradient(circle at 50% 50%, var(--accent-secondary), transparent 70%); opacity: 0; transition: opacity 0.5s ease; z-index: -1; }

/* Animations */
@keyframes fadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.fade-in { animation: fadeIn 0.5s ease-out forwards; }
.slide-up { animation: slideUp 0.6s ease-out forwards; opacity: 0; }
.animation-delay-200 { animation-delay: 0.2s; }
.animation-delay-400 { animation-delay: 0.4s; }

/* --- NEW: Slider CSS --- */
.slider-container { position: relative; overflow: hidden; }
.slider-wrapper { display: flex; transition: transform 0.5s ease-in-out; }
.slider-item { min-width: 100%; box-sizing: border-box; }
.slider-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; }
.slider-dot { width: 10px; height: 10px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); cursor: pointer; transition: background-color 0.3s; }
.slider-dot.active { background-color: white; }