:root{--primary-color: #2563eb;--text-main: #1f2937;--text-muted: #6b7280;--bg-body: #f9fafb;--bg-card: #ffffff;--border-color: #e5e7eb;--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%;max-height:100%;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}a{text-decoration:none;color:inherit;transition:color .3s}ul,li{list-style:none}svg{fill:currentColor}.header{background:var(--bg-card);border-bottom:1px solid var(--border-color)}.navbar{max-width:var(--max-width);margin:0 auto;padding:0 20px;height:70px;display:flex;align-items:center;justify-content:space-between}.navbar .logo{width:212px;height:32px}.navbar .search-box{position:relative;display:flex;align-items:center}.navbar .search-box input{padding:0 15px 0 40px;border:1px solid var(--border-color);border-radius:8px;outline:none;width:450px;height:40px;font-size:14px}.navbar .search-box input:focus{border-color:var(--primary-color)}.navbar .search-box .search-icon{cursor:pointer;position:absolute;left:12px;width:16px;height:16px}.mobile-search-trigger{display:none;background:none;border:none;font-size:20px;cursor:pointer;padding:8px}.mobile-search-trigger svg{width:20px;height:20px}.mobile-search-slide-panel{position:fixed;top:0;left:0;right:0;height:70px;background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:200;transform:translate(100%);transition:transform .3s ease;display:flex;align-items:center;padding:0 15px}.mobile-search-slide-panel.active{transform:translate(0)}.mobile-search-slide-panel .mobile-search-back-btn{display:flex;background:none;border:none;font-size:24px;cursor:pointer;padding:8px 12px;margin-right:15px;color:var(--text-main)}.mobile-search-slide-panel .mobile-search-back-btn svg{width:20px;height:20px}.mobile-search-slide-panel .mobile-search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.mobile-search-slide-panel .mobile-search-input-wrapper input{width:100%;height:44px;padding:0 15px 0 40px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;outline:none;background:var(--bg-body)}.mobile-search-slide-panel .mobile-search-input-wrapper input:focus{border-color:var(--primary-color)}.mobile-search-slide-panel .mobile-search-input-wrapper .search-icon{position:absolute;left:12px;width:16px;height:16px}.language-switcher{cursor:pointer;position:relative}.language-switcher .globe-icon{width:26px;height:26px;color:#111827}.language-switcher .language-dropdown{display:none}.language-switcher .language-dropdown.show{z-index:11;overflow-y:auto;display:flex;flex-direction:column;position:absolute;top:68px;right:-18px;min-width:110px;max-height:300px;border:1px solid #ddd;background-color:#fff;box-shadow:0 5px 10px #0000001a;scrollbar-width:thin;scrollbar-color:#80939b #f1f1f1}.language-switcher .language-dropdown.show a{line-height:60px;text-align:center}.language-switcher .language-dropdown.show a:hover,.language-switcher .language-dropdown.show a.curr{color:#4fa4ff;background-color:#f0f0f0}.footer{background:#111827;color:#9ca3af;padding:30px 0 20px;margin-top:30px}.footer .footer-content{max-width:var(--max-width);margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.footer .footer-content .footer-about{display:flex;flex-direction:column;gap:16px;max-width:500px}.footer .footer-content .footer-about .logo{width:212px;height:32px}.footer .footer-content .footer-links ul{display:flex;flex-wrap:wrap;gap:32px}.footer .footer-bottom{max-width:var(--max-width);margin:30px auto 0;padding:20px 20px 0;border-top:1px solid #374151;text-align:center;font-size:13px}@media(max-width:768px){.navbar{height:60px}.search-box{display:none!important}.mobile-search-trigger{display:flex}.language-switcher .globe-icon{padding:8px;width:36px;height:36px}.mobile-search-slide-panel{height:60px}.footer-content{flex-direction:column;gap:40px}}main{max-width:var(--max-width);margin:30px auto;padding:0 20px}main section{display:flex;flex-direction:column;gap:10px}main section .container{width:calc(100% - var(--gap) * 2);margin:0 auto;padding:0}main section .container .page-static-content{width:100%}main section h1{font-size:1.375rem;color:var(--blue);font-weight:400}main section p{font-size:.875rem;line-height:1.5em;margin:14px 0}main section h2{font-size:1.25rem;margin-top:40px;line-height:1.3em}main section .page-static-content h2,main section .page-static-content h3,main section .page-static-content h4,main section .page-static-content h5,main section .page-static-content h6{margin-bottom:0;color:var(--grey-dark);font-weight:400}@media(min-width:1025px){main main section .page-static-content{width:90%;max-width:960px}}
