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