body,html{margin:0;padding:0;font-family:sans-serif;background-color:#000;color:#fff}*,:after,:before{box-sizing:border-box}:root{--primary-color:#00bfa6;--secondary-color:#3b5c7e;--background-color:#000;--dropdown-background:#2a2a2a;--text-color:#fff;--header-height:80px;--font-size-base:16px;--font-size-small:14px}.header{width:100%;background-color:var(--background-color);padding:10px 20px;box-sizing:border-box;position:fixed;top:0;left:0;z-index:1000;height:var(--header-height)}.navbar{justify-content:space-between;flex-wrap:wrap}.logo,.navbar{display:flex;align-items:center}.logo{margin-right:20px}.logo img{height:60px;transition:height .3s ease}.menu-icon{display:none;font-size:24px;color:var(--text-color);cursor:pointer}.nav-menu{list-style:none;display:flex;align-items:center;margin:0;padding:0}.nav-menu li{position:relative;margin-right:20px}.nav-menu li:last-child{margin-right:0}.nav-menu li a,.nav-menu li span{color:var(--text-color);text-decoration:none;font-size:var(--font-size-base);padding:8px 12px;display:flex;align-items:center;transition:background-color .3s;border-radius:5px}.nav-menu li a:hover,.nav-menu li span:hover{background-color:var(--secondary-color)}.nav-menu li.dropdown:hover .dropdown-content{display:block}.nav-menu li .dropdown-content{display:none;position:absolute;background-color:var(--dropdown-background);min-width:160px;top:100%;left:0;z-index:1001;border-radius:5px;padding:10px 0}.nav-menu li .dropdown-content li{margin:0}.nav-menu li .dropdown-content li a{color:var(--text-color);padding:10px 15px;font-size:var(--font-size-small)}.nav-menu li .dropdown-content li a:hover{background-color:var(--primary-color)}.dropdown-icon{margin-left:5px;font-size:12px;display:none}.wallet-info{display:flex;align-items:center;flex-shrink:0;margin-left:auto}.connect-button{background-color:var(--primary-color);color:var(--text-color);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:var(--font-size-small);transition:background-color .3s}.connect-button:hover{background-color:#00a890}.address-info{display:flex;align-items:center;color:var(--text-color);white-space:nowrap}.address-info .points{margin-right:10px;font-size:var(--font-size-small)}.address-info .address{background-color:var(--dropdown-background);padding:5px 8px;border-radius:5px;font-size:var(--font-size-small);overflow:hidden;text-overflow:ellipsis;max-width:120px}@media (max-width:768px){.menu-icon{display:block}.nav-menu{flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out;background-color:var(--background-color);position:absolute;top:var(--header-height);left:0}.nav-menu.active{max-height:600px}.nav-menu li{margin:15px 0}.nav-menu li.dropdown:hover .dropdown-content{display:none}.nav-menu li.dropdown>span{justify-content:space-between;align-items:center;display:flex;cursor:pointer}.nav-menu li.dropdown .dropdown-content{display:none;flex-direction:column}.nav-menu li.dropdown.active .dropdown-content{display:flex}.dropdown-icon{display:inline-block}.wallet-info{margin-left:0;margin-top:10px}.logo img{height:50px}}@media (min-width:1024px){.logo img{height:40px}.navbar{align-items:center}.dropdown-icon{display:none}}@media (max-width:480px){.logo img{height:45px}.nav-menu li a,.nav-menu li span{font-size:14px;padding:6px 10px}.connect-button{padding:8px 16px;font-size:12px}.address-info .address,.address-info .points{font-size:12px}.logo img{max-height:4px;width:auto}}