.header{background-color:#060606;padding:15px 0;position:fixed;top:0;left:0;right:0;z-index:1000;height:95px}.header-container{width:100%;padding:0 50px;display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center;justify-content:center}.logo img{min-width:200px;height:auto}.main-nav{flex:1;display:flex;justify-content:center}.nav-list{display:flex;gap:16px;margin:0}.nav-list a{font-family:"Roboto",sans-serif;font-size:17px;font-weight:400;line-height:normal;color:hsla(0,0%,100%,.6);transition:color .3s ease}.nav-list a:hover{color:#fff}.header-actions{display:flex;gap:16px}.btn-login{padding:8px 20px;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:12px;font-family:"Roboto",sans-serif;font-size:15px;font-weight:500;line-height:normal;text-transform:uppercase;text-align:center;color:#fff;transition:all .3s ease;cursor:pointer;width:100px;height:40px;display:flex;align-items:center;justify-content:center}.btn-login:hover{background-color:#fff;color:#1a1a2e}.btn-app{padding:8px 20px;background-color:#9953ad;color:#fff;border-radius:12px;font-family:"Roboto",sans-serif;font-size:16px;font-weight:500;line-height:16px;text-transform:uppercase;text-align:center;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;cursor:pointer;width:70px;height:40px}.btn-app:hover{background-color:#7a3d8a;color:#fff;text-decoration:none}.auth-dropdown{position:relative}.auth-dropdown-content{position:absolute;top:calc(100% + 10px);right:0;width:350px;background-color:#1c1c1c;border-radius:12px;padding:20px;display:none;z-index:5;box-shadow:0 4px 8px 0 rgba(0,0,0,.75)}.auth-dropdown-content.active{display:block}.form-login .form-group{margin-bottom:16px}.form-login label{display:block;color:#fff;font-family:"Roboto",sans-serif;font-size:14px;font-weight:400;margin-bottom:8px}.form-login .form-control{width:100%;padding:12px 16px;background-color:#fff;border:none;border-radius:8px;font-family:"Roboto",sans-serif;font-size:14px;color:#000;box-sizing:border-box}.form-login .form-control::placeholder{color:#999}.form-login .form-control:focus{outline:2px solid #9953ad}.form-login .btn-authenticate{width:100%;height:40px;padding:0 20px;margin-bottom:12px;border:none;border-radius:12px;font-family:"Roboto",sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;cursor:pointer}.form-login .btn-registration{display:flex;align-items:center;justify-content:center;width:100%;height:40px;padding:0 20px;margin-bottom:16px;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:12px;color:#fff;font-family:"Roboto",sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;text-align:center;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.form-login .btn-registration:hover{background-color:#fff;color:#1a1a2e !important}.forgotten-password{text-align:right}.forgotten-password a{color:#fff;font-family:"Roboto",sans-serif;font-size:14px;text-decoration:underline;transition:opacity .3s ease}.forgotten-password a:hover{opacity:.8}.btn-user-icon{width:40px;height:40px;padding:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background-color:#232323;border-radius:100%;border:0}.btn-user-icon:hover{background-color:#fff;color:#1a1a2e}.btn-user-icon svg{width:20px;height:20px}.profile-menu{padding:16px 0;width:200px}.profile-menu ul{list-style:none;padding:0;margin:0}.profile-menu ul li{margin:0}.profile-menu ul li a{display:block;padding:12px 24px;color:#fff;font-family:"Roboto",sans-serif;font-size:17px;font-weight:400;transition:background-color .3s ease}.profile-menu ul li a:hover{background-color:hsla(0,0%,100%,.1)}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}.hamburger-line{display:block;width:24px;height:2px;background-color:#fff;transition:all .3s ease}.mobile-menu{display:none;position:absolute;top:80px;left:0;right:0;background-color:#060606;padding:0 40px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.mobile-menu.active{max-height:100vh;padding:24px 40px}.mobile-nav-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;list-style:none;padding:0}.mobile-nav-list:first-of-type{display:grid;grid-template-columns:auto auto}.mobile-nav-list a{font-family:"Roboto",sans-serif;font-size:18px;font-weight:400;color:hsla(0,0%,100%,.6);transition:color .3s ease}.mobile-nav-list a:hover{color:#fff}.mobile-user-links{border-top:1px solid hsla(0,0%,100%,.2);padding-top:16px;margin-top:8px}.mobile-actions{display:flex;gap:16px}@media(max-width: 1279px){.header{height:80px}.main-nav,.header-actions{display:none}.hamburger{display:flex}.mobile-menu{display:block}}@media(max-width: 767px){.header-container{padding:0 16px}}
