:root{--nav-height: 56px;--header-height: 56px}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-color:#0f172a;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{width:100%;height:100%;display:flex;flex-direction:column;background-color:#0f172a;position:relative}.full-screen-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:#0f172a;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.gatekeeper-card{width:100%;max-width:340px;background:#fff;border-radius:2rem;overflow:hidden;box-shadow:0 20px 60px #0009;border-top:6px solid #f59e0b;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}.gatekeeper-input{width:100%;height:60px;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:1rem;padding:0 15px;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:800;text-align:center;letter-spacing:.3em;outline:none;color:#020617}.mobile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:20px;z-index:999;animation:fadeIn .2s ease-out}.modal-content-container{width:100%;max-width:360px;background:#fff;border-radius:2rem;overflow:hidden;box-shadow:0 30px 60px #00000080;max-height:90%;display:flex;flex-direction:column;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1)}.nav-item-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#64748b;transition:color .2s}.nav-item-btn.active{color:#f59e0b}.nav-item-btn span{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-top:-4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-slideUp{animation:slideUp .4s ease-out forwards}.animate-shake{animation:shake .4s linear}.uppercase-input{text-transform:uppercase}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}