@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");body{background-color:#010419;color:#fff;font-family:Open Sans,Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;overflow-y:auto;box-sizing:border-box;padding:20px}.container{width:100%;max-width:900px;padding:20px;text-align:center}.header{margin-bottom:25px}.header,.logo-placeholder{display:flex;justify-content:center;align-items:center}.logo-placeholder{width:120px;height:120px;border-radius:50%;background-color:#000414;font-size:14px;color:#888;border:2px solid #001f3e;box-shadow:0 0 15px rgba(0,0,0,.5);margin:0 auto;position:relative}.logo-placeholder:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#888}.logo-text{color:#5d92d4;font-size:1.2rem;margin-top:10px;font-weight:700}.portal-title{color:#d6f2ff;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}.portal-title,.welcome-text{font-size:18px;font-weight:400}.welcome-text{color:silver;margin-bottom:25px}.login-box{background-color:#000414;padding:30px 20px;border-radius:10px;border:2px solid #001f3e;box-shadow:0 0 20px rgba(0,0,0,.4);max-width:500px;margin:0 auto}.input-label{display:block;background-color:#4b60bc;font-size:16px;color:#d6f2ff;font-weight:400}.input-field{width:calc(100% - 20px);padding:10px;background-color:#daddea;border:2px solid #007bff;color:#000;font-size:20px;text-align:center;border-radius:5px;font-weight:700;margin-bottom:20px;cursor:text;transition:border .3s ease,box-shadow .3s ease,transform .2s ease}.input-field::placeholder{color:#4a4d62;font-weight:700}.input-field:focus{border:2px solid #00d4ff;box-shadow:0 0 10px rgba(0,212,255,.8);outline:none;transform:scale(1.02)}.submit-btn{width:100%;padding:12px;background-color:#002d6b;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:15px;text-decoration:none;display:block;box-sizing:border-box;text-align:center}.submit-btn:hover{background-color:#004a9d}.submit-btn-text{display:flex;justify-content:space-evenly;align-items:center}.buy-code-btn{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;text-decoration:none;display:block;box-sizing:border-box;text-align:center;position:relative;overflow:hidden;animation:pulse-button 1.5s infinite}@keyframes pulse-button{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(76,175,80,.7)}70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(76,175,80,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(76,175,80,0)}}.buy-code-btn:hover{background-color:#45a049;animation:none}.bottom-message{font-size:28px;font-weight:700;color:#e4e4e4;margin-top:25px;line-height:1.2}.error-message{color:#ff4a4a;font-size:18px;font-weight:700}.loading-indicator{font-size:18px;color:#5d92d4}footer{margin-top:15px;font-size:12px;color:#6a6e87;text-align:center;font-weight:400}.whatsapp-float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:30px;box-shadow:0 5px 15px rgba(0,0,0,.6);z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center;animation:pulse-whatsapp 2s infinite}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 8px 20px rgba(0,0,0,.8)}.whatsapp-float img{width:35px;height:35px}@keyframes pulse-whatsapp{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(37,211,102,.7)}70%{transform:scale(1.1);box-shadow:0 0 0 20px rgba(37,211,102,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(37,211,102,0)}}.spinner{border:4px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin-right:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lang-container{position:absolute;top:20px;right:20px;display:flex;gap:10px;z-index:101}.lang-btn{background-color:#002d6b;color:#fff;border:2px solid transparent;padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s,transform .2s,border-color .2s}.lang-btn:hover{background-color:#004a9d;transform:scale(1.05)}.lang-btn.active{border-color:#5d92d4}