#header{height:70px!important;padding:0;position:fixed;top:0;z-index:1000;align-items:center;display:flex;padding:0 0;width:100%}#header::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(30,20,25,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:-1;border-bottom:1px solid rgba(255,255,255,.1)}#header .navbar{height:70px;width:100%;display:flex;align-items:center;margin-left:0}#header .navbar img{overflow:hidden;height:38px;width:auto;margin-left:0;margin-top:0;transition:transform .3s ease}#header .navbar img:hover{transform:scale(1.05)}#header .image-div{margin-left:5%;margin-right:auto}#header.navbar.nav-list{list-style-type:none;display:flex;padding:0}#header .navbar li{display:inline-block}#nav-main ul li a{text-decoration:none;color:rgba(255,255,255,.9);text-align:center;padding:8px 18px;margin-bottom:10px;font-size:1rem;font-weight:600;letter-spacing:.5px;border-radius:8px;transition:all .3s ease}#nav-main ul li a:hover{color:#fff;background:rgba(255,255,255,.1)}#header .buttons{margin-left:auto;margin-right:5%;display:flex;align-items:center;gap:12px}#header a.signup-button{display:inline-block;background:0 0;border-radius:25px;padding:10px 24px;cursor:pointer;text-align:center;border:2px solid rgba(255,255,255,.8);font-size:.9rem;transition:all .3s ease;color:#fff!important;text-decoration:none;font-weight:600}#header a.signup-button:hover{background:rgba(255,255,255,.15);border-color:#fff;transform:translateY(-2px)}#header a.login-button{display:inline-block;background:linear-gradient(135deg,#9a6b78 0,#b8848f 100%);border-radius:25px;padding:10px 24px;cursor:pointer;text-align:center;border:2px solid transparent;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(154,107,120,.3);color:#fff!important;text-decoration:none;font-weight:600}#header a.login-button:hover{background:linear-gradient(135deg,#b8848f 0,#c99ba5 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(154,107,120,.4)}#header a.logout-button{display:inline-block;background:0 0;border-radius:25px;padding:10px 24px;cursor:pointer;text-align:center;border:2px solid rgba(255,255,255,.8);font-size:.9rem;transition:all .3s ease;color:#fff!important;text-decoration:none;font-weight:600}#header a.logout-button:hover{background:rgba(255,255,255,.15);border-color:#fff;transform:translateY(-2px)}#header .buttons a{text-decoration:none;color:#fff;font-weight:600;font-size:.9rem;letter-spacing:.5px}#header .display-username{color:rgba(255,255,255,.9);font-size:.85rem;font-weight:600}#header .buttons .display-username{margin:0}#header .icons{font-size:2.8rem;color:#fff;cursor:pointer;display:none}#header .icons .bx{font-family:boxicons!important}#header #check{display:none}#header .menu-login,#header .menu-out,#header .menu-reg{display:none}@media only screen and (max-width:800px){#header .buttons{display:none!important}#header .icons{display:inline-flex;position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:1001}#check:checked~.icons #menu-icon{display:none}.icons #close-icon{display:none}#check:checked~.icons #close-icon{display:block}#header .nav-list{position:absolute;top:70px;left:0;padding:0;margin:0;width:100%;height:0;text-align:center;display:block;background:rgba(30,20,25,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 .5rem 1rem rgba(0,0,0,.3);transition:.3s ease;overflow:hidden}#check:checked~.nav-list{height:auto;padding:20px 0}#header .navbar{position:relative}#header .navbar ul{list-style-type:none;margin:0;display:block;padding:0}#header .navbar ul li{display:block}#header .menu-login,#header .menu-out,#header .menu-reg{display:block}#header .nav-list a{display:block;font-size:1.1rem;margin:1.5rem 0;text-align:center;opacity:0;transition:.3s ease;transform:translateY(-50px)}#check:checked~.nav-list a{transform:translateY(0);opacity:1}}