*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0e27;--bg-secondary:#1a1f3a;--bg-tertiary:#0f1419;--text-primary:#eff6ff;--text-secondary:#b8c8e8;--accent-primary:#4a90e2;--accent-secondary:#10b981;--accent-tertiary:#d66a1f;--card-bg:#ffffff0a;--card-border:#ffffff14;color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.5}body{color:#1a1a2e;background-color:#fff;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}@keyframes spin{to{transform:rotate(360deg)}}.navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background-color:#fffffffa;border-bottom:2px solid #d66a1f26;width:100%;transition:all .3s;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:18px 30px;display:flex}.logo{align-items:center;gap:12px;text-decoration:none;transition:transform .2s;display:flex}.logo:hover{transform:scale(1.02)}.logo-image{object-fit:contain;width:45px;height:45px}.logo-text{color:#d66a1f;letter-spacing:-.5px;font-size:1.8rem;font-weight:700}.nav-links{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.nav-links li{position:relative}.nav-links li a{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:10px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.nav-links li a:hover{color:#d66a1f;background-color:#d66a1f14}.nav-links li a.active{color:#d66a1f;background-color:#d66a1f1f;font-weight:600}.nav-links li a.active:after{content:"";background-color:#d66a1f;border-radius:2px;height:2px;position:absolute;bottom:-2px;left:16px;right:16px}.dropdown{position:relative}.dropdown-toggle{color:#333;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s;display:flex}.dropdown-toggle:hover{color:#d66a1f;background-color:#d66a1f14}.dropdown-toggle.active{color:#d66a1f;background-color:#d66a1f1f;font-weight:600}.dropdown-arrow{font-size:10px;transition:transform .3s}.dropdown.open .dropdown-toggle .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{opacity:0;visibility:hidden;z-index:1000;background:#fff;border:1px solid #d66a1f33;border-radius:8px;min-width:200px;margin-top:8px;padding:8px 0;list-style:none;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 4px 12px #0000001a}@media (min-width:769px){.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown:hover .dropdown-toggle .dropdown-arrow{transform:rotate(180deg)}}.dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin:0}.dropdown-menu li a{color:#333;border-radius:0;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:block}.dropdown-menu li a:hover{color:#d66a1f;background-color:#d66a1f1a}.dropdown-item{flex-direction:column;gap:4px;display:flex}.dropdown-item-title{color:#0f1720;font-size:14px;font-weight:700}.dropdown-item-desc{color:#6b7280;font-size:12px;line-height:1.2;display:block}.dropdown-menu li a.active{color:#d66a1f;background-color:#d66a1f26;border-left:3px solid #d66a1f;font-weight:600}.dropdown-menu li a.active:after{display:none}.hamburger{cursor:pointer;z-index:1001;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;flex-direction:column;gap:6px;padding:8px;display:none}.hamburger .bar{pointer-events:none;background-color:#333;border-radius:3px;width:28px;height:3px;transition:all .3s}.hamburger:hover .bar,.hamburger:active .bar{background-color:#d66a1f}.hamburger:focus{outline-offset:2px;outline:2px solid #d66a1f80}@media (max-width:1024px){.nav-container{padding:15px 20px}.nav-links{gap:4px}.nav-links li a{padding:8px 12px;font-size:14px}}@media (max-width:768px){.nav-container{padding:12px 20px}.logo-text{font-size:1.5rem}.logo-image{width:38px;height:38px}.hamburger{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;height:100vh;box-shadow:none;z-index:999;background-color:#fffffffa;border-top:none;flex-direction:column;padding-top:80px;display:none;position:fixed;top:0;left:0;overflow-y:auto}.nav-links.open{display:flex}.nav-links.open:before{content:"";z-index:-1;background:#0000001a;width:100%;height:100%;position:fixed;top:0;left:0}.nav-links li{width:100%;padding:0}.nav-links li a{text-align:left;border-bottom:1px solid #d66a1f1a;border-radius:0;padding:16px 24px;font-size:16px}.nav-links li a.active:after{display:none}.nav-links li a.active{background-color:#d66a1f26;border-left:4px solid #d66a1f}.dropdown-toggle{text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-bottom:1px solid #d66a1f1a;border-radius:0;justify-content:space-between;width:100%;padding:16px 24px}.dropdown-toggle:active{background-color:#d66a1f1a}.dropdown-menu{opacity:1;visibility:visible;box-shadow:none;background:#d66a1f0d;border:none;border-radius:0;max-height:0;margin:0;padding:0;transition:max-height .3s;position:static;overflow:hidden;transform:none}.dropdown.open .dropdown-menu{max-height:500px}.dropdown-menu li a{padding-left:40px;font-size:15px}.hamburger .bar.open:first-child{transform:rotate(45deg)translate(7px,7px)}.hamburger .bar.open:nth-child(2){opacity:0;transform:translate(-10px)}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}}