:root{--primary-colour:#e0115f;--lime-green:#32cd32;--hot-yellow:#feaa1a;--red:red;--rose-red:#fa003f;--white:#fff;--secondary-white:#f8ffe5;--black:#000;--dark-grey:#4a4a4a;--mid-grey:#757c88;--grey:#9fa1a4;--light-grey:#dcddde;--deep-black:#00171f;--light-blue:#00a8e8;--deep-orange:#fb8500;--light-orange:#ffb703;--light:#e0eaf5;--cream-white:#fffdd0;--accent-brown:#7b3f00;--jet-black:#333232;--dim-grey:#6a6969;--box-shadow:0 2px 5px 0 grey;--gradient-1:linear-gradient(#a80271, #fb6f92);--accent-gradient:linear-gradient(90deg, #36013f 0%, navy 50%, #000 100%);--thin-border:#ccc}.login-card-container{justify-content:center;align-items:center;width:400px;display:flex}.login-card-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.login-card-header{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.login-card-header>h4{margin:5px 0;font-size:18px}.login-card-header>p{margin:5px 0;font-size:14px}.login-card-body,.login-card-form{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.login-input-card{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:7px 0;display:flex}.login-input-card>label{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;margin:5px 0;font-size:12px;font-weight:500;display:flex}.login-input-item{border:1px solid var(--thin-border);border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:5px;display:flex}.login-input-item>input{border:none;border-radius:5px;outline:none;flex:1;justify-content:flex-start;align-items:center;padding:5px;display:flex}.login-input-img{object-fit:cover;object-position:center;width:15px;height:15px;margin-right:5px}.login-btn{background:var(--primary-colour);border:2px solid var(--primary-colour);cursor:pointer;color:#fff;border-radius:5px;justify-content:center;align-items:center;width:100%;margin:5px 0;padding:10px 25px;font-weight:600;transition:all .5s ease-in;display:flex}.login-btn:disabled{background:var(--grey);border:2px solid var(--grey)}.login-btn:hover{background:var(--primary-colour);border:2px solid var(--primary-colour)}.switch-forms{justify-content:center;align-items:center;margin:5px 0;font-size:14px;font-weight:600;display:flex}.switch-forms>p>a{color:var(--primary-colour);text-decoration:none}@media (max-width:480px){.login-card-container{width:98vw}}