body,html{background-color:#191c24;background-color:var(--background-color);color:#e0e0e0;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;margin:0;overflow-x:hidden;padding:0;transition:background-color .3s ease,color .3s ease}:root{--primary-color:#007bff;--secondary-color:#222;--text-color:#e0e0e0;--background-color:#191c24;--hover-scale:1.05;--spinner-border:#ddd;--spinner-top:#007bff;--button-bg:var(--primary-color);--button-text:#fff;--navbar-bg:#222;--footer-bg:#1a1a1a}.light-mode{--text-color:#1a1a1a!important;--background-color:#fefefe!important;--secondary-color:#f5f5f5!important;--button-bg:#007bff!important;--button-text:#fff!important;--navbar-bg:#fff!important;--footer-bg:#f5f5f5!important}.light-mode header h1,.light-mode header h2,.light-mode header h3{color:#007bff!important;color:var(--primary-color)!important}a{color:#007bff;color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{background-color:#007bff;background-color:var(--button-bg);border:none;border-radius:5px;color:#fff;color:var(--button-text);cursor:pointer;padding:10px 15px;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#0056b3;transform:scale(1.05);transform:scale(var(--hover-scale))}.navbar{align-items:center;background-color:#222;background-color:var(--navbar-bg);display:flex;font-size:1.2rem;justify-content:space-between;padding:1rem 2rem;transition:background-color .3s ease}.navbar-links{display:flex;gap:1rem}.navbar-links a{color:#e0e0e0;color:var(--text-color);font-weight:700}.navbar-links a:hover{color:#007bff;color:var(--primary-color)}.footer{background-color:#1a1a1a;background-color:var(--footer-bg);padding:1rem;text-align:center;transition:background-color .3s ease,color .3s ease}.dark-mode-toggle,.footer{color:#e0e0e0;color:var(--text-color)}.dark-mode-toggle{background:#0000;border:none;cursor:pointer;font-size:1.5rem;transition:color .3s ease}.dark-mode-toggle:hover{transform:scale(1.1)}@media (max-width:768px){.navbar-links{display:block;text-align:center}.container{padding:1rem}}.spinner{border-top:6px solid #007bff;border:6px solid var(--spinner-border);border-top-color:var(--spinner-top)}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:6px solid #ddd;border-radius:50%;border-top-color:#007bff;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b0e707f6.css.map*/