.header{position:fixed;top:0;left:0;right:0;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000;transition:all .3s ease;padding:.5rem 0}.header.scrolled{padding:.2rem 0;box-shadow:0 5px 20px rgba(0,0,0,.1);background:hsla(0,0%,100%,.95)}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:800}.logo a{text-decoration:none;color:#333;display:flex;align-items:center}.logo-text{letter-spacing:-1px}.logo-dot{color:#5e60ce;font-size:2.2rem;margin-left:2px}.desktop-nav{display:flex;align-items:center}.nav-links{display:flex;list-style:none;padding:0;margin:0;grid-gap:2rem;gap:2rem}.nav-links a,.nav-links li{position:relative}.nav-links a{text-decoration:none;color:#333;font-weight:500;font-size:1rem;padding:.5rem .2rem;transition:color .3s ease}.nav-links a:hover{color:#5e60ce}.nav-links a.active{color:#5e60ce;font-weight:600}.active-indicator{position:absolute;bottom:-5px;left:0;height:3px;width:100%;background:#5e60ce;border-radius:3px}.theme-toggle{background:none;border:none;font-size:1.2rem;color:#333;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease;margin-left:1rem}.theme-toggle:hover{background:rgba(0,0,0,.05)}.mobile-menu-button{display:none}.mobile-menu-button button{background:none;border:none;font-size:1.5rem;color:#333;cursor:pointer}.mobile-nav{display:none}body.dark-mode .header{background:rgba(25,25,30,.9);box-shadow:0 2px 10px rgba(0,0,0,.3)}body.dark-mode .header.scrolled{background:rgba(25,25,30,.95)}body.dark-mode .logo a,body.dark-mode .mobile-menu-button button,body.dark-mode .nav-links a,body.dark-mode .theme-toggle{color:#f8f9fa}body.dark-mode .logo-dot,body.dark-mode .nav-links a.active,body.dark-mode .nav-links a:hover{color:#6d72fe}body.dark-mode .active-indicator{background:#6d72fe}body.dark-mode .theme-toggle:hover{background:hsla(0,0%,100%,.1)}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-button,.mobile-nav{display:block}.mobile-nav{width:100%;overflow:hidden;background:hsla(0,0%,100%,.98);box-shadow:0 5px 15px rgba(0,0,0,.1)}.mobile-nav ul{list-style:none;padding:1rem 2rem;margin:0}.mobile-nav li{margin-bottom:1rem}.mobile-nav a{text-decoration:none;color:#333;font-weight:500;font-size:1.1rem;display:block;padding:.5rem 0}.mobile-nav a.active{color:#5e60ce;font-weight:600}body.dark-mode .mobile-nav{background:rgba(25,25,30,.98)}body.dark-mode .mobile-nav a{color:#f8f9fa}body.dark-mode .mobile-nav a.active{color:#6d72fe}}body{font-family:"Arial",sans-serif;line-height:1.6;color:#333;max-width:1200px;margin:0 auto;padding:0 20px}main{padding:20px 0}section{margin-bottom:40px;padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}h2{color:#06c;border-bottom:2px solid #eee;padding-bottom:10px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9}
/*# sourceMappingURL=main.0fdd3362.chunk.css.map */