.navbar{z-index:50;background-color:#000;border-bottom:1px solid #065f46;position:fixed;top:0;left:0;right:0}.navbar-container{max-width:1280px;margin:0 auto;padding:1rem 1.5rem}.navbar-content{justify-content:space-between;align-items:center;display:flex}.navbar-logo{color:#00d084;font-family:Courier New,monospace;font-size:1.25rem;font-weight:700}.navbar-buttons{gap:1rem;display:flex}.nav-btn{border:1px solid #00d084;padding:.5rem 1.5rem;font-family:Courier New,monospace;font-size:.875rem;text-decoration:none;transition:all .3s}.nav-btn.active{color:#000;background-color:#00d084}.nav-btn:not(.active){color:#00d084;background-color:#0000}.nav-btn:not(.active):hover{color:#000;background-color:#00d084}.mobile-menu-btn{cursor:pointer;z-index:60;background:0 0;border:none;padding:.5rem;display:none}.hamburger{flex-direction:column;gap:.25rem;width:1.5rem;display:flex}.hamburger span{background-color:#00d084;width:100%;height:2px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(.4rem,.4rem)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(.4rem,-.4rem)}@media (max-width:768px){.mobile-menu-btn{display:block}.navbar-buttons{background-color:#000;border-left:1px solid #065f46;flex-direction:column;gap:1.5rem;width:70%;max-width:300px;height:100vh;padding:5rem 2rem 2rem;transition:right .3s ease-in-out;position:fixed;top:0;right:-100%;overflow-y:auto}.navbar-buttons.mobile-open{right:0}.nav-btn{text-align:center;width:100%;padding:1rem}}
*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{background:#000}main{width:100%;min-height:100vh}