@font-face{font-family:CustomFont;src:url(../../../font.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Inter,sans-serif}canvas{image-rendering:pixelated}main{min-height:100vh;background:url(../../../bg.webp) no-repeat center center fixed;background-size:cover;position:relative}.logo-container{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);z-index:1000;opacity:1;width:100%;max-width:800px;padding:0 20px;animation:float 8s ease-in-out infinite}@keyframes float{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 15px))}to{transform:translate(-50%,-50%)}}.logo-container.animate{animation:logoEntrance 1.5s ease forwards,float 8s ease-in-out infinite 1.5s}.login-text{margin-top:-5px;font-family:CustomFont,Arial,sans-serif}.logo-container img{height:400px;width:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,0,0,.3))}@keyframes logoEntrance{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 1rem;background:#00000080}.content{max-width:800px;margin-top:150px}p{font-size:1.5rem;color:#fff;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.cta-button{padding:1.2rem 4rem;font-size:1.8rem;background-color:#007bff;color:#fff;border:3px solid black;border-radius:0;cursor:pointer;transition:all .3s ease;image-rendering:pixelated;box-shadow:6px 6px #000;transform:translate(0);position:relative;z-index:10000;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:200px}.cta-button:hover{background-color:#0056b3;transform:translate(3px,3px);box-shadow:3px 3px #000}.cta-button:active{transform:translate(6px,6px);box-shadow:0 0 #000}.loading-cursor{width:32px;height:32px;border:4px solid white;border-top:4px solid transparent;border-radius:50%;animation:spin 1s linear infinite;image-rendering:pixelated;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media (min-width: 1921px){.logo-container{max-width:1000px}.logo-container img{height:500px}}@media (max-width: 1920px){.logo-container{max-width:800px}.logo-container img{height:400px}}@media (max-width: 1440px){.logo-container{max-width:700px}.logo-container img{height:350px}}@media (max-width: 1024px){.logo-container{max-width:500px}.logo-container img{height:250px}}@media (max-width: 768px){p{font-size:1.2rem}.logo-container{max-width:350px;top:40%}.logo-container img{height:150px}.content{margin-top:120px;display:flex;align-items:center;justify-content:center;min-height:100vh}}@media (max-width: 576px){.logo-container{max-width:300px;top:42%}.logo-container img{height:130px}}@media (max-width: 480px){p{font-size:1rem}.cta-button{padding:.8rem 1.6rem;font-size:1rem}.logo-container{max-width:300px;top:45%}.logo-container img{height:120px}.content{margin-top:0;display:flex;align-items:center;justify-content:center;min-height:100vh}}@media (max-width: 360px){.logo-container{max-width:250px;top:45%}.logo-container img{height:100px}}