html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none}.App{position:fixed;width:100%;height:100%;background:#0d0d1a;touch-action:none;-webkit-tap-highlight-color:transparent}canvas{position:fixed;top:0;left:0;outline:none;width:100%;height:100%;transform:translateZ(0)}.instagram{position:fixed;cursor:pointer}.social{position:fixed}.social__button{cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;transition:all .3s ease;border:none}.social__button:hover{background:#fff3;transform:scale(1.1)}.footer{position:fixed;bottom:5%;width:85%;padding:0 7.5%}.footer ul{display:flex;justify-content:space-between;align-items:center;margin:0;padding:0}.footer__social-group{transform:scale(.9);display:flex;gap:50px}.logo{width:120px;height:auto;margin-right:auto}.footer .logo{height:100%;opacity:1;transition:opacity .4s ease-in-out;pointer-events:auto}.footer .logo--hidden{opacity:0;pointer-events:none}.description_logo{display:flex;color:#f0f8ff;justify-content:end;height:35px;transform:translate(2%)}.description_logo p{font-size:16px;font-family:Helvetica Neue,sans-serif;font-weight:600}@media (max-width: 768px){.footer{bottom:5%}.footer ul{gap:20px}.footer__social-group{gap:35px;justify-content:center;margin-right:40px}.logo{width:80px}.footer__social-group li{transform:scale(.7)}.description_logo{height:35px;transform:translate(-4%)}.description_logo p{font-size:15px;font-family:Helvetica Neue,sans-serif;font-weight:500}}.modal-overlay{position:fixed;width:100vw;height:100vh;background:#0d0d1af2;display:flex;align-items:center;justify-content:center;z-index:1;padding:1rem;box-sizing:border-box}.modal-content{background:#0d0d1a;border:2px solid #00d4ff;border-radius:12px;width:100%;max-width:80%;max-height:80%;overflow:hidden;display:flex;flex-direction:column;position:relative}.modal-close{position:absolute;top:10px;right:25px;background:transparent;color:#00d4ff;font-size:1.5rem;border:none;cursor:pointer}.modal-body{padding:2rem;overflow-y:auto;color:#fff;font-family:Roboto,sans-serif;line-height:1.6;flex:1}.modal-scrollable{max-height:70vh;overflow-y:auto;margin-top:20px;padding:20px;white-space:pre-wrap}@media (max-width: 480px){.modal-content{padding:1rem .5rem;border-width:1px}.modal-body{padding:1rem;font-size:.9rem}}.responsive-table{overflow-x:auto;margin-top:1rem;border-radius:8px;font-family:Roboto,sans-serif;background-color:#112;border:1px solid #00d4ff}.responsive-table table{width:100%;border-collapse:collapse;color:#fff;font-family:Helvetica Neue,sans-serif;font-size:.95rem}.responsive-table th,.responsive-table td{border:1px solid #00d4ff;padding:.75rem;text-align:left;vertical-align:top}.responsive-table th{background-color:#00d4ff;color:#0d0d1a}.responsive-table a{color:#00d4ff;text-decoration:none}.responsive-table a:hover{text-decoration:underline}.responsive-table svg{margin-right:.5rem;vertical-align:middle}.navbar{position:fixed;top:5%;right:30px;background:transparent;z-index:1}.navbar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px;align-items:flex-end}.navbar li{margin:0}.navbar button{background:none;border:none;color:#00d4ff;font-size:20px;font-weight:700;text-align:right;font-family:Helvetica Neue,sans-serif;cursor:pointer;transition:color .3s ease;word-break:keep-all;white-space:nowrap}.navbar button:hover{color:#00a2ff4f}@media (max-width: 768px){.navbar{top:5%;right:20px;width:auto;display:block}.navbar ul{flex-direction:column;align-items:flex-end;gap:8px}.navbar button{font-size:12px;padding:.2rem .4rem;text-align:right}}.btn_sound{position:fixed;left:2.5%;top:2.5%;padding:12px;cursor:pointer;background-color:#00abce;color:#fff;box-shadow:0 4px 15px #00a2ff4f;transition:all .3s ease-in-out;border-radius:100%}.btn_sound:hover{box-shadow:0 6px 25px #00a2ff80;transform:translateY(-2px)}@media (max-width: 768px){.btn_sound{transform:scale(.7)}.btn_sound:hover{transform:scale(.8)}}.scroll-hint{position:fixed;bottom:50px;left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;opacity:1;transition:opacity .5s ease-out;pointer-events:none}.scroll-hint__image{width:70px;height:auto}.scroll-hint--hidden{opacity:0}.scroll-hint__icon-container{animation:bounceUpDown 1.8s ease-in-out infinite;padding-bottom:0}.scroll-hint__rotate{transform:rotate(180deg)}@keyframes bounceUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (max-width: 768px){.scroll-hint{bottom:150px}.scroll-hint__image{width:360px}}