body{background:radial-gradient(ellipse at top left,#c6f3f5,transparent 65%),#effbfc;padding:28px;color:#111e48}.login-page,.signup-page,.page-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:1100px;min-height:760px;background:white;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px #0d697a20}.auth-hero.login-hero,.auth-hero.signup-hero,.auth-hero.hero{display:flex;flex-direction:column;justify-content:flex-start;padding:0;text-align:left;background:linear-gradient(145deg,#31becb,#075471 85%);color:white;min-width:0}.auth-art{width:100%;aspect-ratio:1/1.06;background-image:url('images/auth-reference.png');background-size:218% auto;background-position:6.2% 5%;background-repeat:no-repeat}.auth-hero-copy{padding:26px 34px 38px}.auth-hero .auth-hero-copy h1{font-family:Georgia,serif;font-size:clamp(30px,3vw,43px);line-height:1.12;color:white;margin:0 0 16px}.auth-hero .auth-hero-copy p{font-size:16px;line-height:1.6;max-width:none;color:#effdff;margin:0}.auth-hero-copy ul{list-style:none;padding:16px 0;margin:0}.auth-hero-copy li{padding:9px 0;font-size:14px}.auth-hero-copy li::before{content:'✓';display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #b0edf2;border-radius:50%;margin-right:12px}.auth-hero-copy span{display:block;font:21px 'Segoe Print',cursive;color:#cbf3f6;margin-top:14px}.login-card-wrap,.signup-card-wrap,.content-wrap,.form-wrap{padding:42px 36px;display:flex;align-items:center;background:#fff;min-width:0}.login-card,.signup-card,.content-card,.form-card,.reset-card{width:100%;max-width:none;margin:0;padding:0;background:transparent;box-shadow:none;border:0;border-radius:0;text-align:left}.login-card h2,.signup-card h2,.form-card h2,.reset-card h2,.content-card h2{color:#10163e;font-size:clamp(25px,2.5vw,34px);line-height:1.2;margin:14px 0}.subtitle{color:#405071!important;line-height:1.6}.login-page input,.signup-page input,.page-container input{max-width:100%;min-height:48px;border-radius:10px;border:1px solid #d8deec;background:#fff;color:#14213f;font-size:16px}.login-page label,.signup-page label,.page-container label{color:#14213f;font-weight:650}.login-btn,.signup-btn,.reset-card button[type=submit],.form-card button[type=submit]{background:#047e9c!important;border-radius:10px;min-height:48px;color:white}.login-card a,.signup-card a,.reset-card a,.form-card a{color:#048cb7}.errorlist,.error-box{overflow-wrap:anywhere}.helptext{font-size:12px;line-height:1.5}.auth-hero .logo-img{display:none}@media(max-width:700px){body{padding:12px;align-items:flex-start}.login-page,.signup-page,.page-container{grid-template-columns:minmax(0,1fr);min-height:0;border-radius:20px}.auth-hero.login-hero,.auth-hero.signup-hero,.auth-hero.hero{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;min-height:130px}.auth-art{height:140px;aspect-ratio:auto;background-size:290% auto;background-position:9% 4%}.auth-hero-copy{padding:16px}.auth-hero .auth-hero-copy h1{font-size:23px;margin:0}.auth-hero .auth-hero-copy p,.auth-hero-copy ul,.auth-hero-copy span{display:none}.login-card-wrap,.signup-card-wrap,.content-wrap,.form-wrap{padding:24px 20px}.login-card h2,.signup-card h2,.form-card h2,.reset-card h2,.content-card h2{font-size:26px}}

/* Continue the colourful artwork through the signup community header. */
.auth-hero.signup-hero {
    background:
        radial-gradient(circle at 92% 64%, #e7b645 0 28px, transparent 29px),
        radial-gradient(circle at 8% 78%, #e88c52 0 34px, transparent 35px),
        radial-gradient(circle at 80% 88%, #249eac80 0 62px, transparent 63px),
        radial-gradient(ellipse at 12% 100%, transparent 44%, #e8bd62 44.2% 44.5%, transparent 44.7%),
        linear-gradient(145deg, #a6edf0, #55c3ce);
}
.signup-hero .auth-hero-copy {
    background: transparent;
}
.signup-hero .auth-hero-copy h1,
.signup-hero .auth-hero-copy p,
.signup-hero .auth-hero-copy li,
.signup-hero .auth-hero-copy span {
    color: #103c50;
}
.signup-hero .auth-hero-copy li::before {
    border-color: #23788a;
}