body,h1{color:#fff}.container,.menu,body{display:flex}.menu-button,nav a{text-decoration:none}body{margin:0;font-family:'Barlow Condensed',sans-serif;background-color:#0e0e15;justify-content:center;align-items:flex-start;padding:100px 20px 20px}.container{gap:30px;width:100%;max-width:1200px}.left-panel{flex:1}body.home{background:linear-gradient(to bottom,#0e0e15,#1a1a2e);text-align:center;padding:40px 20px}.banner{margin-bottom:40px}.logo{width:100px;height:auto;margin-bottom:10px}h1{font-size:2rem;margin:10px}.subtitle{font-size:1rem;color:#aaa}.menu{flex-direction:column;gap:20px;max-width:300px;margin:0 auto}.menu-button{display:block;padding:12px 20px;background-color:#2c2c40;border-radius:8px;color:#fff;font-weight:700;transition:background-color .2s}.navbar,nav{display:flex}.menu-button:hover{background-color:#404060}.navbar{position:absolute;top:10px;left:20px;right:40px;justify-content:space-between;align-items:center;z-index:2}.navbar img.logo{height:80px;width:auto}nav a{margin-left:12px;padding:6px 14px;border:2px solid #c7eaf6;border-radius:5px;background:0 0;color:#c7eaf6;font-weight:600;transition:.2s}nav a:hover{background-color:rgba(0,0,0,.6);box-shadow:0 0 10px #c7eaf6}nav a.active{background-color:#003c52;color:#fff}.hero-banner{position:fixed;top:0;left:0;width:100%;height:100%;background:url('../assets/banner.webp') center center/cover no-repeat;z-index:-1}.overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.55);z-index:-1}.update-section,.update-timers{background:rgba(28,28,44,.9);border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.4)}.update-timers{padding:16px 20px}.update-timers h1{margin:0 0 10px;font-size:1.6rem;color:#9feaff}.update-section{padding:20px}.update-section h2{margin-top:0;font-size:1.4rem;color:#9feaff}.banner-img{max-width:100%;border-radius:8px;margin:10px 0}.spender-box h3{margin:12px 0 6px;font-size:1.1rem;color:#fff}.spender-reward{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.spender-reward span{color:#fff}.spender-reward img{width:42px;height:42px;border-radius:6px;background:#222;padding:2px}.update-timers .num,.update-timers span{color:#9feaff}.soon{color:#aaa;font-style:italic}@media (max-width:768px){.container{flex-direction:column;align-items:center}.left-panel{width:100%;max-width:100%}nav a{padding:3px 8px;font-size:15px}.spender-reward img{width:32px;height:32px}}