.login{max-width:60rem;margin:auto;padding-top:2rem}.login .subheading{margin:.5rem 0;font-weight:400;font-size:1.2rem}.login .login-card{display:flex;flex-direction:row;max-width:60rem;align-items:center;justify-content:space-between;margin:0 auto;flex-wrap:wrap}.login .login-card .centre{text-align:center;margin-top:1rem}.login .login-card .login-details{max-width:23rem}.login .login-card .login-details input{flex:1;padding:.75rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:border-color .3s ease;margin:.5rem 0;border:2px solid #8c1c13}.login .login-card .login-details .name{display:flex;flex-direction:row}.login .login-card .login-details .name input{width:100%}.login .login-card .login-details .name :nth-child(1){margin-right:.75rem}.login .login-card .login-details .other input{width:100%}.login .login-card .login-details .other p{text-align:right;font-size:.9rem}.login .login-card .login-details .other p a{text-decoration:none;color:#8c1c13}.login .login-card .login-details .terms{margin-top:.5rem;max-width:28rem}.login .login-card .login-details .terms span{margin-left:.5rem}.login .login-card .login-details .terms span input{accent-color:#8c1c13}.login .login-card .show{display:block}.login .login-card .hide{display:none}.login .login-card img{max-width:30rem}.login .login-card .continue-btn button,.login .login-card .back-btn button,.login .login-card .create-account-btn button{display:block;margin-top:1.5rem;width:100%;border:2px solid #8c1c13;padding:1rem;border-radius:12px;background-color:#fff;font-size:1.2rem;font-weight:500;cursor:pointer}.login .login-card .continue-btn button:hover,.login .login-card .back-btn button:hover,.login .login-card .create-account-btn button:hover{background-color:#e7dac6;border-color:#8c1c13}.login .login-card .create-account-btn button{background-color:#a8231a;color:#fff}.login .login-card .create-account-btn button:hover{background-color:#8c1c13}.login .success-page{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.login .success-page .text p{margin-top:.5rem}.login .success-page .text button{all:unset;margin-top:1rem}.login .success-page img{max-width:30rem}
