*,::before,::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#000;color:#fff;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;font-weight:300}

nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:background .3s}
nav.bg{background:rgba(0,0,0,.92)}
.nav-inner{max-width:1280px;margin:0 auto;padding:0 48px;display:flex;justify-content:space-between;align-items:center}
.nav-logo{display:flex;align-items:center;text-decoration:none;transition:opacity .25s}.nav-logo:hover{opacity:.7}.nav-logo img{height:20px;width:auto}
.nav-links{display:flex;gap:36px;list-style:none;align-items:center}
.nav-links a{color:rgba(255,255,255,.55);text-decoration:none;font-size:.8rem;font-weight:300;transition:color .2s}
.nav-links a:hover{color:#fff}
.nav-join{color:#fff;text-decoration:none;font-size:.8rem;font-weight:300;border:1px solid rgba(255,255,255,.3);padding:7px 18px;border-radius:4px;transition:all .2s}
.nav-join:hover{border-color:rgba(255,255,255,.6)}
@media(max-width:768px){.nav-links{display:none}.nav-inner{padding:0 24px}}

footer{background:#000;padding:80px 48px 40px;border-top:1px solid rgba(255,255,255,.12)}
.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px}
.footer-bottom{max-width:1280px;margin:60px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:.7rem;color:rgba(255,255,255,.2);display:flex;justify-content:space-between}
footer h4{font-size:.65rem;font-weight:400;letter-spacing:1.5px;color:rgba(255,255,255,.25);margin-bottom:18px}
footer .brand{font-size:.85rem;font-weight:300;margin-bottom:10px}
footer .desc{font-size:.76rem;color:rgba(255,255,255,.25);line-height:1.65;max-width:280px}
footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}
footer ul a{color:rgba(255,255,255,.3);text-decoration:none;font-size:.76rem;transition:color .2s}
footer ul a:hover{color:rgba(255,255,255,.6)}
@media(max-width:768px){.footer-inner{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;gap:8px}}