:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header-container{padding:1rem;background-color:#282c34;box-shadow:0 2px 10px #00000080}.header-nav{display:flex;gap:1.5rem;justify-content:center;align-items:center}.nav-link{color:#61dafb;text-decoration:none;font-weight:700;font-size:1.1rem;padding:.5rem 1rem;border-radius:5px;transition:all .3s ease}.nav-link:hover{background-color:#3a3f47;color:#e0e0e0;transform:translateY(-2px)}.nav-link.active{border-bottom:2px solid #61dafb}.loader-container{display:flex;justify-content:center;align-items:center}.loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}