.login.form-container{background-color:#fff;padding:16px;border-radius:18px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:32px auto;max-width:calc(100% - 32px);box-sizing:border-box}.login.form-container.small{width:480px}.login.form-container.medium{width:740px}.login.form-container h1{text-transform:none;text-align:center;margin:0 auto 25px auto}.login.form-container.password-reset-page{margin-top:12px}.typical .login.form-container,.typical .login.form-container.medium{background-color:#f7f7f7}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;color:#354759;font-weight:bold}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i{position:absolute;left:10px;color:#2a3036;z-index:1}.input-wrapper input{padding-left:35px;width:100%;padding:10px 10px 10px 35px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.input-wrapper input:focus{border-color:#e95857;outline:none}.input-wrapper button{position:absolute;right:10px;background:none;border:none;color:#354759;cursor:pointer;font-size:14px}.remember-me{display:flex;align-items:center;width:105px}.remember-me input{margin-right:5px;width:16px !important}.remember-me label{margin:0;cursor:pointer;text-align:left}.form-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:25px;font-size:13px}.forgot-password{margin:0}.forgot-password a{color:#354759;text-decoration:underline}.forgot-password a:hover{color:#e95857}#loginErrorMain{color:#e95857;font-size:14px;display:block;margin-bottom:10px}.password-rules{margin:0 0 16px 0;font-size:14px;color:#354759}#passwordResetForm{margin-bottom:32px}.password-reset-help{margin-top:32px;font-size:14px}.password-reset-help h4{margin-bottom:8px;color:#354759}.password-reset-help ol{margin:0;padding-left:20px}.password-reset-help li{margin-bottom:8px;line-height:1.4}.button{color:#fff;padding:10px;text-align:center;text-decoration:none;border-radius:35px;display:block;width:100%;border:none;font-size:16px;cursor:pointer;box-sizing:border-box}.button.red{background-color:#e95857}.button.red:hover{background-color:hsl(.4109589041,76.8421052632%,52.7450980392%)}@media(max-width: 480px){.login.form-container,.login.form-container.medium{padding:12px;margin:16px auto;max-width:calc(100% - 32px)}.typical .login.form-container,.typical .login.form-container.medium{margin:0 auto;max-width:100%}.form-options{font-size:11px;gap:8px}}.form-container.login.login-split,.form-container.login.medium.login-split{padding:0;overflow:hidden;display:flex;width:calc(100% - 32px);max-width:1050px;margin:32px auto;background-color:#fff;align-items:stretch}.form-container.login.login-split h1,.form-container.login.medium.login-split h1{text-align:left;margin:0 0 8px 0;font-size:34px;line-height:1.3;font-weight:400;color:#354759}.typical .form-container.login.login-split,.typical .form-container.login.medium.login-split{background-color:#fff}.login-media{flex:0 0 45%;position:relative;min-height:560px;background-image:url(https://britishgrooms.org.uk/uploads/login-flow/rose.jpg);background-size:cover;background-position:center;color:#fff;display:flex;align-items:flex-end}.login-media::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(15, 30, 60, 0.15) 0%, rgba(15, 30, 60, 0.85) 100%);z-index:0}.login-media-copy{position:relative;z-index:1;padding:32px;width:100%;box-sizing:border-box}.login-media-copy h2{color:#fff !important;font-size:26px;line-height:1.15;margin:0 0 12px 0;font-weight:700;text-transform:none}.login-media-copy p{color:hsla(0,0%,100%,.92);font-size:14px;line-height:1.5;margin:0 0 16px 0}.login-secure{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff;margin:0 !important}.login-secure i{color:#fff;font-size:15px}.login-panel{flex:1;min-width:0;padding:40px;display:flex;flex-direction:column;box-sizing:border-box}.login-eyebrow{color:#e95857;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px 0}.login-subtitle{color:#6b7787;font-size:14px;line-height:1.5;margin:0 0 20px 0}.login-alert{display:flex;gap:10px;align-items:flex-start;background:#fff8e1;border-left:4px solid #f0b400;border-radius:6px;padding:12px 14px;margin:0 0 20px 0;font-size:12px;color:#354759;line-height:1.6}.login-alert i{color:#f0b400;font-size:16px;margin-top:2px;flex-shrink:0}.login-error{color:#e95857;font-size:14px;line-height:1.4;margin:0 0 12px 0}.login-error .password-policy-errors{margin:6px 0 0 0;padding-left:18px}.login-cta{display:flex !important;align-items:center;justify-content:space-between;padding:14px 24px;font-size:16px;text-align:left}.login-cta strong{font-weight:500}.login-cta i{flex-shrink:0;margin-left:12px;width:18px;height:18px}.login-helpers{margin-top:20px;text-align:center;font-size:13px;color:#6b7787}.login-helpers p{margin:4px 0}.login-helpers a{color:#e95857;font-weight:700;text-decoration:none}.login-helpers a:hover{text-decoration:underline}.login-panel .input-group label{font-weight:500}.login-panel .password-reset-help{margin-top:24px}.login-panel .password-rules{margin-top:-8px}.login-panel #loginErrorMain{margin:0 0 12px 0}.input-wrapper i,.login-secure i,.login-cta i,.login-alert i{line-height:0;font-style:normal;display:inline-flex;align-items:center;justify-content:center}.input-wrapper i svg,.login-secure i svg,.login-cta i svg,.login-alert i svg{display:block;width:100%;height:100%}.input-wrapper i{top:50%;transform:translateY(-50%);width:16px;height:16px}.login-secure i{width:16px;height:16px}.login-alert i{width:18px;height:18px;margin-top:0}@media(max-width: 900px){.form-container.login.login-split,.form-container.login.medium.login-split{flex-direction:column}.login-media{flex:0 0 auto;min-height:420px;aspect-ratio:4/5;max-height:620px}.login-media-copy{padding:32px 28px}.login-media-copy h2{font-size:30px;line-height:1.1;margin-bottom:16px}.login-media-copy p{font-size:15px;line-height:1.5;margin-bottom:24px}.login-secure{font-size:14px}.login-secure i{width:18px;height:18px}.login-panel{padding:32px 24px}.login-panel h1{font-size:30px}}@media(max-width: 480px){.typicalHero{display:none}.form-container.login.login-split,.form-container.login.medium.login-split{width:calc(100% - 24px);margin:16px auto}.login-media{min-height:360px;aspect-ratio:auto;max-height:none}.login-media-copy{padding:28px 22px}.login-media-copy h2{font-size:26px}.login-media-copy p{font-size:14px}.login-panel{padding:28px 20px}.login-panel h1{font-size:28px}}/*# sourceMappingURL=login.css.map */