.layout{align-items:center;display:flex;justify-content:center;min-height:100dvh;width:100%;max-width:1300px;margin-inline:auto}.layout nav{position:relative;z-index:100;margin:40px 0 20px}.layout nav ul{display:flex;align-items:center;justify-content:flex-end;list-style:none}.layout nav ul li{margin-right:30px}@media(max-width:768px){.layout nav ul li{margin-right:15px}}.layout nav ul li a{text-decoration:none;color:#fff}.layout .content{display:flex;flex-wrap:wrap;color:#fff;margin:0 auto;max-width:1300px;min-height:550px;padding:0 20px;position:relative;width:100%;z-index:10}@media(max-width:768px){.layout .content{flex-wrap:wrap}}.layout .content .left{flex:0 0 70%;max-width:70%}@media(max-width:768px){.layout .content .left{max-width:100%;flex:1 0 100%}}.layout .content .left h1{letter-spacing:2px}.layout .content .right{flex-grow:0;flex-shrink:0;flex-basis:calc(30% - 30px);max-width:calc(30% - 30px);margin-left:30px;background:#0f0f0f;border-radius:20px;padding:20px;max-height:700px}@media(max-width:768px){.layout .content .right{max-width:100%;flex:1 0 100%;margin-left:0}}.layout .content.background{background:rgba(0,0,0,.6);border-radius:20px;padding:30px;margin:0 0 40px}.loginForm{display:grid;margin-left:auto;max-width:440px;text-align:center;width:100%;height:100%;max-height:550px}@media(max-width:768px){.loginForm{margin-inline:auto}}.loginForm .formContainer{width:100%;max-width:260px;display:flex;flex-direction:column;align-items:center}.loginForm .formContainer .row{width:100%}@media(max-width:520px){.loginForm{max-width:inherit}}.loginForm .MuiTextField-root .MuiInputLabel-root{color:#fff;opacity:.7;right:0;text-align:center}.loginForm .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#fff}.loginForm .MuiTextField-root .MuiInputLabel-root.Mui-focused legend{display:none}.loginForm .MuiTextField-root .MuiInputLabel-root.Mui-error{color:#f44336}.loginForm .MuiTextField-root .MuiOutlinedInput-root{background-color:transparent;padding:0}.loginForm .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#fff;border-radius:0;border-width:1px;border-top:none;border-left:none;border-right:none}.loginForm .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset,.loginForm .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#fff}.loginForm .MuiTextField-root .MuiOutlinedInput-root.Mui-error fieldset,.loginForm .MuiTextField-root .MuiOutlinedInput-root.Mui-error:hover fieldset{border-color:#f44336}.loginForm .MuiTextField-root .MuiOutlinedInput-root input{color:#fff}.loginForm .MuiTextField-root .MuiOutlinedInput-root input::placeholder{opacity:1}.loginForm .MuiTextField-root .MuiFormHelperText-root{color:#fff;margin-left:0}.loginForm .MuiTextField-root .MuiFormHelperText-root.Mui-error{color:#f44336}.loginForm .submit-btn.MuiButton-root{border-radius:15px;padding:18px 60px;border:1px solid #fff;background-color:transparent;background-color:var(--white);color:var(--black);max-width:180px}.loginForm .submit-btn.MuiButton-root:hover{background-color:var(--white);border:1px solid #fff;opacity:.7}.resetForm{display:grid;margin-left:auto;max-width:440px;text-align:center;width:100%;height:100%;max-height:550px}@media(max-width:768px){.resetForm{margin-inline:auto}}@media(max-width:520px){.resetForm{max-width:inherit}}.resetForm .MuiTextField-root .MuiInputLabel-root{color:#fff;opacity:.7;right:0;text-align:center}.resetForm .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#fff}.resetForm .MuiTextField-root .MuiInputLabel-root.Mui-error{color:#f44336}.resetForm .MuiTextField-root .MuiOutlinedInput-root{background-color:transparent;padding:0}.resetForm .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#fff;border-radius:0;border-width:1px;border-top:none;border-left:none;border-right:none}.resetForm .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset,.resetForm .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#fff}.resetForm .MuiTextField-root .MuiOutlinedInput-root.Mui-error fieldset,.resetForm .MuiTextField-root .MuiOutlinedInput-root.Mui-error:hover fieldset{border-color:#f44336}.resetForm .MuiTextField-root .MuiOutlinedInput-root input{color:#fff}.resetForm .MuiTextField-root .MuiOutlinedInput-root input::placeholder{opacity:1}.resetForm .MuiTextField-root .MuiFormHelperText-root{color:#fff;margin-left:0}.resetForm .MuiTextField-root .MuiFormHelperText-root.Mui-error{color:#f44336}.resetForm .reset-btn.MuiButton-root{border-radius:15px;padding:18px;border:1px solid #fff;background-color:transparent;background-color:var(--white);color:var(--black);max-width:180px;margin:auto!important}.resetForm .reset-btn.MuiButton-root:hover{color:var(--black);background-color:var(--white);border:1px solid #fff;opacity:.7}.resetForm .back-btn.MuiButton-root{font-weight:400;font-size:12px;text-transform:none;padding:0;min-width:0}.changePassForm{display:grid;margin-left:auto;max-width:440px;text-align:center;width:100%;height:100%;max-height:550px}@media(max-width:768px){.changePassForm{margin-inline:auto}}@media(max-width:520px){.changePassForm{max-width:inherit}}.changePassForm .MuiTextField-root .MuiInputLabel-root{color:#fff;opacity:.7;right:0;text-align:center}.changePassForm .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#fff}.changePassForm .MuiTextField-root .MuiInputLabel-root.Mui-error{color:#f44336}.changePassForm .MuiTextField-root .MuiOutlinedInput-root{background-color:transparent;padding:0}.changePassForm .MuiTextField-root .MuiOutlinedInput-root fieldset{border-color:#fff;border-radius:0;border-width:1px;border-top:none;border-left:none;border-right:none}.changePassForm .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset,.changePassForm .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#fff}.changePassForm .MuiTextField-root .MuiOutlinedInput-root.Mui-error fieldset,.changePassForm .MuiTextField-root .MuiOutlinedInput-root.Mui-error:hover fieldset{border-color:#f44336}.changePassForm .MuiTextField-root .MuiOutlinedInput-root input{color:#fff}.changePassForm .MuiTextField-root .MuiOutlinedInput-root input::placeholder{opacity:1}.changePassForm .MuiTextField-root .MuiFormHelperText-root{color:#fff;margin-left:0}.changePassForm .MuiTextField-root .MuiFormHelperText-root.Mui-error{color:#f44336}.changePassForm .changePass-btn.MuiButton-root{border-radius:15px;padding:15px 35px;border:1px solid #fff;background-color:transparent;background-color:var(--white);color:var(--black);max-width:180px;margin:auto}.changePassForm .changePass-btn.MuiButton-root:hover{background-color:var(--white);border:1px solid #fff;opacity:.7}.card{background:rgba(0,0,0,.6);border-radius:30px;width:100%;max-width:350px;display:flex;flex-direction:column;margin-left:auto;gap:10px}@media(max-width:768px){.card{margin:50px auto;max-width:inherit;gap:0}}.card .body{padding:15px;border-bottom:1px solid hsla(0,0%,100%,.2)}.card p{margin:0 10px 0 0}.card .label{color:#fff}.card .label.white{color:#fff;font-size:16px}.card .value{color:#fff}.card .header{display:flex;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);padding:15px}.card .header .icon{background-color:#5a295b;padding:10px;border-radius:50%;margin-right:10px}.card .header .icon img{width:25px}.card .details{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.card .buttons{display:flex;min-height:50px;gap:10px;background-color:#5a295b;border-radius:0 0 30px 30px}.card .buttons .wallet{width:100%;max-width:115px;cursor:pointer}