*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{height:100vh;overflow:hidden}.warning{color:red;padding:5px}.bg-img{position:fixed;top:0;left:0;z-index:-1}.container{height:100%;flex-direction:column;padding-bottom:200px}.logo{width:434px;margin-bottom:20px}.login-box{background:#fff;padding:30px;border-radius:8px;width:400px;max-width:100%;text-align:center}.input-group input,.login-btn{padding:12px;font-size:16px}.icon{padding:10px 12px;background:#ddd;display:flex;align-items:center;justify-content:center}.input-group input{border:none;padding:10px;width:100%;outline:none}.input-group{display:flex;flex-direction:row;align-items:center;background:#eee;margin-bottom:15px;border-radius:5px;overflow:hidden;border:2px solid #3db2d9}.login-btn{width:100%;padding:10px;background:#3db2d9;border:none;color:#fff;font-weight:700;border-radius:5px;cursor:pointer}.login-btn:hover{background:#2a9ac2}.bg-wrapper{position:relative;width:100%;height:100vh;overflow:hidden}.bg-img{object-fit:cover;width:100%;height:100%}.bg-overlay{background:#fff;z-index:1}.bg-overlay,.container{position:absolute;inset:0}.container{z-index:2;justify-content:center}.container,.remember-box{display:flex;align-items:center}.remember-box{gap:16px;padding:1rem 0}.remember-box input{display:none}.toggle{width:30px;height:20px;background:#d9dde2;border:2px solid #aab3bb;border-radius:50px;position:relative;cursor:pointer;transition:.3s}.toggle:before{content:"";position:absolute;width:11px;height:11px;background:#9aa3ab;border-radius:50%;top:3px;left:3px;transition:.3s}.remember-box input:checked+.toggle{background:#39ace6;border-color:#39ace6}.remember-box input:checked+.toggle:before{left:25px;background:#fff}.text{font-size:16px;color:#1f2d3d;font-weight:400}