header{z-index:100;background:#111;width:100%;height:60px;transition:all .3s ease-in-out;position:fixed;top:0}header.light-mode{color:#1b1b1b;background:var(--Default-Black,#f8f8f8)}header.light-mode .menu-mobile-container{background:var(--Default-Black,#f8f8f8)}header.light-mode .menu-mobile-container img.end{filter:invert()}header.light-mode .menu-mobile-container .nav-link{border-bottom:1px dashed var(--Default-Dark-Ash,#e6e6e6);background:var(--Default-Black,#f8f8f8)}header.light-mode .menu-mobile-container .nav-link:first-child{border-top:1px dashed var(--Default-Dark-Ash,#e6e6e6)}header.light-mode .menu{filter:invert()}header.light-mode .btn-mode:last-child img{filter:invert(0)}header.light-mode .action-btns .btn{color:#f8f8f8}header.light-mode.scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f0f0f0}header.scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}header section{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:10px 0;display:flex}header section .menu{display:none}header section .logo{flex:.5;justify-content:flex-start;align-items:center;gap:15px;padding-left:10px;display:flex}header section .logo h1{font-family:Commissioner,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:100%}header section nav{flex:1;justify-content:center;align-items:center;gap:30px;display:flex}header section nav .feature-link{position:relative}header section nav .feature-link .wrap-link{cursor:pointer;align-items:center;gap:10px;display:flex}header section nav .feature-link .resources-container{border:.5px dashed var(--Default-Ash,#4c4c4c);background:var(--Default-Black,#111);width:193px;box-shadow:0px 4px 10px 0px var(--Default-Dark-Ash,#202020);flex-direction:column;align-items:flex-start;gap:20px;padding:50px 30px 40px;display:flex;position:absolute;top:50px;left:-10px}header section nav .feature-link .resources-container svg.line-hang{position:absolute;top:-30px;left:50%;transform:translate(-50%)}header section nav .nav-link{cursor:pointer;height:12px;font-size:12px;font-style:normal;font-weight:400;line-height:100%;transition:all .5s cubic-bezier(.19,1,.22,1);overflow:hidden}header section nav .nav-link.wrapped-link{height:16px;position:relative;top:-3px}header section nav .nav-link span{align-items:center;line-height:100%;transition:transform .5s cubic-bezier(.19,1,.22,1);display:flex}header section nav .nav-link span.wrap{gap:10px;display:flex}header section nav .nav-link:hover{transform:scale(1.01)}header section nav .nav-link:hover span:first-child,header section nav .nav-link:hover .hover-text{transform:translateY(-105%)}header section .action-btns{align-items:items;flex:.5;justify-content:flex-end;gap:10px;display:flex}header section .action-btns .modes{display:flex}header section .action-btns .modes .btn-mode{cursor:pointer;justify-content:center;align-items:center;gap:10px;height:40px;padding:5px 15px;display:flex}header section .action-btns .modes .btn-mode.light{background:var(--Brand-Gold,#dd9a38)}header section .action-btns .modes .btn-mode.dark{background:var(--Brand-Green,#3b5f5d)}@media (max-width:575px){header{height:50px}header section{justify-content:space-between;align-items:center;width:100%;max-width:100%;height:100%;margin:0 auto;padding:5px 10px;display:flex;position:relative}header section .menu-mobile-container{background:#111;width:100%;height:calc(100vh - 50px);position:absolute;top:50px;left:0}header section .menu-mobile-container .wrap-link{border-bottom:1px dashed var(--Default-Dark-Ash,#232323);justify-content:space-between;align-items:center;width:100%;padding-right:20px;display:flex}header section .menu-mobile-container .wrap-link .nav-link{border-bottom:none}header section .menu-mobile-container .nav-link{border-bottom:1px dashed var(--Default-Dark-Ash,#232323);background:#111;flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:10px;height:50px;padding:0 5px 0 20px;font-size:12px;font-weight:400;display:flex}header section .menu-mobile-container .nav-link:first-child{border-top:1px dashed var(--Default-Dark-Ash,#232323)}header section .menu-mobile-container .yamify-container{flex-direction:column;justify-content:center;align-items:center;padding:50px;display:flex}header section .menu-mobile-container .yamify-container .yamify-box{z-index:5;position:relative}header section .menu-mobile-container .yamify-container .yamify-box .yamify-chip{position:absolute;top:0;left:0}header section .menu-mobile-container .yamify-container .yamify-box .yamify-chip:hover .bg-blurred{opacity:.4}header section .menu-mobile-container .yamify-container .yamify-box .yamify-chip:hover svg path{stroke:#dd9a38}header section .menu-mobile-container .yamify-container .yamify-box .yamify-chip:hover .contain .txt{color:#dd9a38}header section .menu-mobile-container .yamify-container .yamify-box .yamify-chip:hover .contain img{filter:grayscale(0)}header section .menu-mobile-container .yamify-container .yamify-box .yamify-chip .bg-blurred{background:var(--Brand-Gold,#dd9a38);opacity:0;filter:blur(50px);flex-shrink:0;width:204px;height:204px;position:absolute;top:0;left:0}header section .menu-mobile-container .yamify-container .yamify-box .yamify-chip svg.chip{position:absolute;top:0;left:0}header section .menu-mobile-container .yamify-container .yamify-box .yamify-chip .contain{z-index:1;width:204px;height:204px;padding:15px 25px;position:relative}header section .menu-mobile-container .yamify-container .yamify-box .yamify-chip .contain .txt{color:#b8b8b8;margin-bottom:12px;font-size:13px;font-weight:700;line-height:100%}header section .menu-mobile-container .yamify-container .yamify-box .yamify-chip .contain img{filter:grayscale(2);width:20px;height:25.33px;position:absolute;bottom:20px;right:41px}header section .menu-mobile-container img.end{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none;width:319px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}header section .menu{display:block}header section .logo{align-items:center;gap:15px;padding-left:0;display:flex}header section .logo .logo-img{width:15px;height:19px}header section .logo h1{font-family:Commissioner,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:100%}header section nav{display:none}header section .action-btns{flex:1;justify-content:flex-end;align-items:center;gap:8px;padding-right:10px;display:flex}header section .action-btns .btn{white-space:nowrap;padding:8px 12px;font-size:12px}header section .action-btns .btn:last-child{display:flex!important}header section .action-btns .modes{display:flex}header section .action-btns .modes .btn-mode{cursor:pointer;justify-content:center;align-items:center;gap:10px;height:40px;padding:5px 15px;display:flex}header section .action-btns .modes .btn-mode.light{background:var(--Brand-Gold,#dd9a38)}header section .action-btns .modes .btn-mode.dark{background:var(--Brand-Green,#3b5f5d)}}@media (min-width:992px) and (max-width:1102px){header section{max-width:90%}header section .logo{align-items:center;gap:8px;padding-left:8px;display:flex}header section .logo h1{font-size:18px}header section nav{align-items:center;gap:15px;display:flex}header section nav .nav-link{cursor:pointer;height:10px;font-size:10px;font-style:normal;font-weight:400;line-height:100%;transition:all .5s cubic-bezier(.19,1,.22,1);overflow:hidden}header section nav .nav-link.wrapped-link{height:16px;position:relative;top:-3px}header section nav .nav-link span{align-items:center;line-height:100%;transition:transform .5s cubic-bezier(.19,1,.22,1);display:flex}header section nav .nav-link span.wrap{gap:10px;display:flex}header section nav .nav-link:hover{transform:scale(1.01)}header section nav .nav-link:hover span:first-child,header section nav .nav-link:hover .hover-text{transform:translateY(-105%)}header section .action-btns{align-items:items;gap:10px;display:flex}header section .action-btns .modes{display:flex}header section .action-btns .modes .btn-mode{cursor:pointer;justify-content:center;align-items:center;gap:10px;height:30px;padding:5px 10px;display:flex}header section .action-btns .btn{height:30px;padding:0 10px;font-size:10px;display:flex}header section .action-btns .btn .contain{height:10px;transition:all .5s cubic-bezier(.19,1,.22,1);overflow:hidden}}@media screen and (min-width:1020px) and (max-width:1280px){header section{max-width:90%}}