*{box-sizing:border-box;margin:0;padding:0}html,body{color:#000;background:#fff;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}header{z-index:100;background:#fff;width:100%;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1400px;margin:0 auto;padding:16px 40px;display:flex}.header-left,.header-right{align-items:center;gap:24px;display:flex}.header-center{text-align:center;flex:1}.header-center a{display:inline-block}.header-logo{object-fit:contain;height:70px}.header-link{color:#000;border-bottom:2px solid #0000;border-radius:8px;padding:8px 14px;font-size:15px;font-weight:500;transition:all .25s}.header-link:hover{color:#333}.menu-button{cursor:pointer;background:0 0;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:inline-flex}.menu-button:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.dropdown{position:relative}.dropdown-button{cursor:pointer;color:#000;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:15px;font-weight:500;transition:all .25s;display:flex}.dropdown-button:hover{background:#f5f5f5}.dropdown-arrow{margin-left:6px;font-size:20px;transition:transform .3s}.dropdown-content{z-index:100;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;min-width:200px;margin-top:8px;padding:10px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 12px 32px #0000001f}.dropdown.desktop-only:hover .dropdown-content{display:block}.dropdown-content a{color:#333;border-left:3px solid #0000;padding:12px 20px;font-size:14.5px;font-weight:500;transition:all .25s;display:block}.dropdown-content a:hover{color:#000;background:#f8f9fa;border-left:3px solid #000;padding-left:24px}.mobile-menu{z-index:500;background:#fff;flex-direction:column;gap:18px;width:100%;height:100vh;padding:24px 20px;transition:transform .35s cubic-bezier(.2,.9,.2,1);display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-100%)}.mobile-menu.open{transform:translateY(0)}.mobile-header{justify-content:flex-end;display:flex}.menu-button-close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-links{flex-direction:column;gap:12px;display:flex}.mobile-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px;display:grid}.mobile-grid .mobile-card{cursor:pointer;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;height:160px;padding:20px;transition:transform .18s,box-shadow .18s;display:flex}.mobile-grid .mobile-card:hover{transform:translateY(-4px);box-shadow:0 8px 18px #0000001f}.mobile-card-img{object-fit:contain;background:#fff;border-radius:10px;width:64px;height:64px;margin-bottom:8px;padding:8px}.mobile-card-label{color:#000;text-align:center;font-size:14px;font-weight:600}.mobile-overlay{z-index:490;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;position:fixed;inset:0}.mega-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:550;background:#000000b3;animation:.3s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mega-menu-modal{z-index:600;pointer-events:none;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mega-menu-content{pointer-events:auto;background:#fff;border:1px solid #e0e0e0;border-radius:20px;flex-direction:column;width:1000px;height:600px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mega-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;display:flex}.mega-title{color:#000;margin:0;font-size:24px;font-weight:700}.mega-close-button{cursor:pointer;background:0 0;border:2px solid #000;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:flex}.mega-close-button:hover{background:#000;transform:rotate(90deg)}.mega-close-button:hover svg{color:#fff!important}.mega-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:30px;width:100%;padding-right:10px;display:grid;overflow-y:auto}.mega-grid::-webkit-scrollbar{width:6px}.mega-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.mega-grid::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.mega-grid::-webkit-scrollbar-thumb:hover{background:#555}.mega-item{cursor:pointer;background:#f8f9fa;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;min-height:180px;padding:30px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.mega-item:hover{background:#fff;border-color:#000;transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.mega-link{width:100%;height:100%;color:inherit;flex-direction:column;align-items:center;gap:20px;text-decoration:none;display:flex}.mega-icon-container{background:#fff;border:2px solid #e0e0e0;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;padding:16px;transition:all .3s;display:flex}.mega-item:hover .mega-icon-container{background:#000;border-color:#000;transform:scale(1.1)rotate(5deg)}.mega-img{object-fit:contain;width:100%;height:100%;transition:all .3s}.mega-item:hover .mega-img{filter:brightness(0)invert()}.mega-item-label{color:#000;text-align:center;font-size:16px;font-weight:700;line-height:1.3;transition:color .3s}.mega-item:hover .mega-item-label{color:#000;font-weight:800}.desktop-only{display:inline-flex!important}.mobile-only{display:none!important}@media (max-width:1100px){.mega-menu-content{width:90%;height:auto;max-height:80vh;padding:30px}.mega-grid{grid-template-columns:repeat(2,1fr);gap:24px}.header-container{padding:16px 30px}}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.header-container{padding:16px 20px}.header-left,.header-right{gap:16px}.header-logo{height:60px}.mobile-grid{grid-template-columns:repeat(2,1fr);gap:14px}.mobile-card{min-height:140px;padding:16px}.mobile-card-img{width:56px;height:56px}.mega-menu-content{border-radius:16px;width:95%;height:auto;max-height:85vh;padding:24px 20px}.mega-grid{grid-template-columns:1fr;gap:20px}.mega-item{min-height:140px;padding:24px 16px}.mega-icon-container{width:70px;height:70px}}@media (max-width:480px){.header-container{padding:14px 16px}.header-logo{height:50px}.mobile-grid{grid-template-columns:1fr;gap:12px}.mobile-card{min-height:120px;padding:14px}.mobile-card-img{width:48px;height:48px}.mobile-card-label{font-size:13px}.mega-menu-content{padding:20px 16px}.mega-title{font-size:20px}.mega-item-label{font-size:14px}}@media (max-width:360px){.header-container{padding:12px}.header-logo{height:45px}.menu-button{width:40px;height:40px}.mega-icon-container{width:60px;height:60px;padding:12px}}.mega-menu-modal,.mobile-menu,.mega-menu-overlay,.mobile-overlay,.mega-item,.mobile-card,.header-link,.menu-button,.mega-close-button{transition:all .3s}button:focus,a:focus{outline-offset:2px}.header-link:active,.menu-button:active,.mega-item:active{transform:translateY(0)!important}.mobile-mega-overlay{z-index:550;background:#000000b3;animation:.3s fadeIn;position:fixed;inset:0}.mobile-mega-modal{z-index:600;pointer-events:none;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mobile-mega-content{pointer-events:auto;background:#fff;border:1px solid #e0e0e0;border-radius:20px;flex-direction:column;width:90%;max-width:400px;height:80vh;padding:30px 24px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000040}.mobile-mega-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.mobile-mega-title{color:#000;margin:0;font-size:22px;font-weight:700}.mobile-mega-close-button{cursor:pointer;background:0 0;border:2px solid #000;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:flex}.mobile-mega-close-button:hover{background:#000;transform:rotate(90deg)}.mobile-mega-close-button:hover svg{color:#fff!important}.mobile-mega-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;padding-right:8px;display:grid;overflow-y:auto}.mobile-mega-grid::-webkit-scrollbar{width:4px}.mobile-mega-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.mobile-mega-grid::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.mobile-mega-grid::-webkit-scrollbar-thumb:hover{background:#555}.mobile-mega-item{cursor:pointer;background:#f8f9fa;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;min-height:150px;padding:24px 16px;transition:all .3s;display:flex}.mobile-mega-item:hover{background:#fff;border-color:#000;transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.mobile-mega-link{width:100%;height:100%;color:inherit;flex-direction:column;align-items:center;gap:16px;text-decoration:none;display:flex}.mobile-mega-icon-container{background:#fff;border:2px solid #e0e0e0;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;padding:14px;transition:all .3s;display:flex}.mobile-mega-item:hover .mobile-mega-icon-container{background:#000;border-color:#000;transform:scale(1.1)rotate(5deg)}.mobile-mega-img{object-fit:contain;width:100%;height:100%;transition:all .3s}.mobile-mega-item:hover .mobile-mega-img{filter:brightness(0)invert()}.mobile-mega-item-label{color:#000;text-align:center;font-size:15px;font-weight:700;line-height:1.3}.mobile-mega-item:hover .mobile-mega-item-label{color:#000;font-weight:800}@media (max-width:480px){.mobile-mega-content{width:90%;max-width:320px;height:70vh;padding:20px 16px}.mobile-mega-grid{grid-template-columns:1fr;gap:14px}.mobile-mega-item{min-height:130px;padding:18px 12px}.mobile-mega-icon-container{width:56px;height:56px}}