header{display:flex;padding:20px 20px 10px;justify-content:space-between;align-items:center;position:fixed;z-index:9;left:0;top:0;width:100%}header .logo .dark,header.dark .logo .light{display:none}header .logo .light,header.dark .logo .dark{display:block}header .logo img{width:150px;height:auto;padding-bottom:11px}header nav{display:flex;gap:1cqw}header nav a{font-size:14px;background:rgba(14,16,15,.5);color:#fff;text-decoration:none;padding:11px 22px;border-radius:50px;transition:.5s;border:2px solid transparent}header nav a:hover{border-color:#4d4d4d;background-color:#161a18}header .gradient-btn{font-size:16px;font-weight:800;background:#dbff7b;padding:12px 30px;border-radius:50px;overflow:hidden;position:relative;cursor:pointer;color:#0e100f;text-decoration:none;border:.5px solid #0e100f;transition:.8s}header.dark .gradient-btn{background:#0e100f;border-color:#4d4d4d}header.dark .gradient-btn span{color:#fafafa}header .gradient-btn span,header .gradient-btn:hover span{position:relative;color:#0e100f}header .gradient-btn .gradient-hover{width:100%;height:100%;background:linear-gradient(135deg,#db4dff,#bb8aff 50%,#b2f6ff);position:absolute;top:0;left:0;opacity:0;transition:.5s}header .gradient-btn:hover .gradient-hover{opacity:1}header .arrow-bubble-button,header .logo .mobile,header .menu-icon{display:none}header .container{display:flex;align-items:center;gap:15px}@media screen and (min-width:1921px){header{width:1920px;left:50%;transform:translateX(-50%)}}@media screen and (min-width:766px) and (max-width:1260px){header{background-color:#0e100f;z-index:99}header .logo .desktop,header nav,header.dark .logo .dark{display:none}header .logo .mobile{display:block;width:86px;height:auto}header .menu-icon{display:block;color:#fafafa;font-size:30px}header.active .gradient-btn,header.active .logo{display:none}header.active{justify-content:flex-end;width:100%;height:100%;background-color:#0e100f;align-items:flex-start}header.active .menu-icon{margin-top:5px}header.active nav{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%}header.active nav a{display:block;font-size:32px;padding-bottom:35px}header.active nav a:hover{background-color:transparent;border-color:transparent}header.active .arrow-bubble-button{display:block;position:absolute;width:375px;left:50%;transform:translateX(-45%);bottom:8dvh}header .arrow-bubble-button a{font-size:24px;color:#0e100f;text-align:center}header .arrow-bubble-button .title{width:calc(100% - 74px);background-color:#dbff7b;font-family:Plush;padding:18px}header .arrow-bubble-button .arrow-button{width:64px;height:64px;background-color:#dbff7b}header .arrow-bubble-button .arrow-button svg{color:#0e100f;font-size:40px}header.dark .gradient-btn{background:#dbff7b}header.dark .gradient-btn span{color:#0e100f}}@media screen and (max-width:766px){header{background-color:#0e100f;z-index:99}header .logo .desktop,header nav,header.dark .logo .dark{display:none}header .logo .mobile{display:block;width:86px;height:auto}header .menu-icon{display:block;color:#fafafa;font-size:30px}header.active .gradient-btn,header.active .logo{display:none}header.active{justify-content:flex-end;width:100%;height:100%;background-color:#0e100f;align-items:flex-start}header.active .menu-icon{margin-top:5px}header.active nav{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:100%}header.active nav a{display:block;font-size:24px}header.active nav a:hover{background-color:transparent;border-color:transparent}header.active .arrow-bubble-button{display:block;position:absolute;width:calc(100% - 10px);left:10px;bottom:3dvh}header .arrow-bubble-button a{font-size:20px;color:#0e100f;text-align:center;justify-content:center}header .arrow-bubble-button .title{background-color:#dbff7b;font-family:Plush;height:55px;width:calc(100% - 85px);padding:15px 0}header .arrow-bubble-button .arrow-button{height:55px;width:55px;background-color:#dbff7b}header .arrow-bubble-button .arrow-button svg{color:#0e100f;font-size:40px}header.dark .gradient-btn{background:#dbff7b}header.dark .gradient-btn span{color:#0e100f}}