.joy-login{min-height:100vh;background:#4800fa;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:5vh 4vw 5vh 11vw;font-family:Parkinsans,Arial,sans-serif}.joy-login-hero h1{color:#fff;font-size:clamp(34px,4.3vw,72px);line-height:1.12;letter-spacing:-.045em;font-weight:600;margin:0}.joy-login-card{background:white;border-radius:18px;min-height:min(87vh,810px);width:min(100%,610px);padding:65px 55px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.joy-login-logo{width:185px;max-width:50%;height:auto;object-fit:contain;margin:10px auto 68px}.joy-login-card form{width:100%;max-width:500px}.joy-login-card h2{font-size:20px;color:#4800fa;font-weight:600;margin:0 0 5px}.joy-login-card p{font-size:12px;color:#38343d;line-height:1.5;margin:0 0 30px}.joy-login-field{margin-bottom:22px}.joy-login-field label{display:block;font-size:16px;color:#302c32;margin-bottom:6px}.joy-login-field label span{color:#ee05f2}.joy-login-field input{width:100%;height:48px;border:1px solid #e5e5e5;border-radius:5px;padding:12px 15px;font-size:14px;outline:none;background:white}.joy-login-field input:focus{border-color:#4800fa}.joy-login-field.invalid label{color:#c82e54}.joy-login-field.invalid input{border-color:#c82e54}.joy-login-card .joy-forgot{display:block;text-align:right;color:#4800fa;text-decoration:none;font-size:12px;margin-top:-7px}.joy-login-card .joy-login-error{color:#c82e54;font-size:12px;margin:14px 0 0}.joy-login-submit{display:block;width:100%;background:#4800fa;color:white;border:0;border-radius:8px;font-size:15px;font-weight:600;padding:17px;margin-top:34px;cursor:pointer}.joy-login-card .joy-login-register{text-align:center;margin:34px 0 0;font-size:12px}.joy-login-register a{color:#4800fa;text-decoration:none;margin-left:4px}@media(max-width:850px){.joy-login{grid-template-columns:1fr;padding:35px 18px;gap:30px}.joy-login-hero{text-align:center}.joy-login-hero h1{font-size:30px;line-height:1.25}.joy-login-hero br{display:none}.joy-login-card{min-height:0;margin:auto;padding:35px 25px 45px}.joy-login-logo{width:145px;margin:0 auto 38px}}