:root{--bg-color: #031f12;--text-color: #bf8926;--accent-color: #bf8926;--font-family: "Exo 2", sans-serif;--nav-bg: rgba(0, 0, 0, .5);--card-bg: rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:opacity .3s}a:hover{opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.text-center{text-align:center}.header{padding:1rem 0;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(191,137,38,.2)}.logo img{height:50px}.btn-join{background-color:var(--accent-color);color:#000;padding:.5rem 1.5rem;border-radius:4px;font-weight:700;text-transform:uppercase}.navbar{background:var(--nav-bg);padding:.75rem 0;overflow-x:auto;white-space:nowrap}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{font-weight:700;font-size:.9rem}.main-content{padding:3rem 0}.banner{padding:1rem 0}.banner-img{width:100%;max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 20px #00000080}.hero-title{font-size:2rem;margin-bottom:1.5rem;color:var(--text-color)}.hero-desc{font-size:1.1rem;max-width:800px;margin:0 auto 2rem;color:#bf8926cc}.footer{padding:2rem 0 6rem;background:rgba(0,0,0,.5);border-top:1px solid rgba(191,137,38,.2)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#000;display:flex;justify-content:space-around;padding:.75rem 0;border-top:1px solid var(--accent-color);z-index:1000}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;font-size:.75rem;color:var(--text-color)}.bottom-nav-item i{font-size:1.2rem;margin-bottom:.25rem}