body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{overflow-x:hidden;width:100%}.navbar{align-items:center;background-color:#f8f8f8;border-bottom:1px solid #ccc;box-shadow:0 4px 6px rgba(0,0,0,.1);box-sizing:border-box;display:flex;height:60px;justify-content:space-between;left:0;padding:10px 20px;position:fixed;top:0;width:100%;z-index:1000}.navbar-title{color:#333;font-size:1.5rem;font-weight:700}.button-container{gap:10px}.button,.button-container{align-items:center;display:flex}.button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;gap:5px;padding:8px 15px;transition:background .3s ease,-webkit-transform .1s ease-in-out;transition:background .3s ease,transform .1s ease-in-out;transition:background .3s ease,transform .1s ease-in-out,-webkit-transform .1s ease-in-out}.button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.play-button{background-color:#2ecc71;color:#fff}.play-button:hover{background-color:#27ae60}.logout-button{background-color:#e74c3c;color:#fff}.logout-button:hover{background-color:#c0392b}.language-button{background-color:#3498db;color:#fff}.language-button:hover{background-color:#2980b9}.dropdown-container{position:relative}.dropdown{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;min-width:5px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;visibility:hidden;z-index:10}.dropdown.open{display:block;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;background-color:#fff;border:none;color:#333;cursor:pointer;display:flex;gap:10px;padding:10px 15px;text-align:left;transition:background .2s ease-in-out;width:100%}.dropdown-item:hover{background-color:#f8f8f8}.flag-emoji{font-size:1.5rem}@media (max-width:768px){.navbar-title{font-size:1.2rem}.button{font-size:.9rem;padding:6px 12px}}.navbar-title{align-items:center;display:flex;gap:10px}.navbar-logo{height:40px;max-height:100%;width:auto}body,html{align-items:center;display:flex;font-family:Arial,sans-serif;height:100%;justify-content:center;margin:0;padding:0}body.downloadlite-body{background-color:initial!important}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-card,.login-container{box-sizing:border-box;width:100%}.login-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.15);max-width:500px;padding:2rem;text-align:center}.login-card h2{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.input-group{margin-bottom:1.2rem;text-align:left}.input-group label{color:#555;display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem}.input-group input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1.1rem;padding:.9rem;width:100%}.input-group input:focus{border-color:#666;outline:none}.login-button{background-color:#34db7c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:1rem;padding:.9rem;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#2bb06a}.error-message{color:#d9534f;font-size:.9rem;margin-bottom:1rem}
/*# sourceMappingURL=main.cb67245b.css.map*/