*{box-sizing:border-box}html{color-scheme:light}body{margin:0;color:#332636;font-family:Arial,Helvetica,sans-serif;background:#fff}button,input{font:inherit}a{color:#c83d59}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e982a4;outline-offset:3px}.community-login{display:grid;grid-template-columns:60% 40%;min-height:100svh}.story-media{position:relative;min-width:0;overflow:hidden;background:#552040;display:grid;place-items:center;height:100svh;min-height:640px}.story-media picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.story-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;max-width:100%}.story-copy{position:absolute;inset:40% 0 0;display:flex;flex-direction:column;justify-content:end;padding:64px 8%;color:white;background:linear-gradient(transparent,#360c30d9);pointer-events:none}.story-copy span{font-size:12px;letter-spacing:2.6px}.story-copy h1{font-size:clamp(36px,4vw,60px);margin:18px 0;font-weight:600;letter-spacing:-1.6px}.story-copy p{line-height:1.7;margin:0;color:#f1dbe8;font-size:18px}.login-area{display:flex;align-items:center;justify-content:center;padding:50px 40px;min-width:0}.login-content{width:100%;max-width:365px}.desktop-brand{width:250px;max-width:100%;display:block;margin:0 auto 48px}.login-content h2{font-size:32px;letter-spacing:-.8px;margin:0 0 12px;color:#451239}.intro{color:#7b6e7c;line-height:1.6;font-size:14px;margin:0 0 32px}.login-content label{display:block;font-size:14px;font-weight:600;margin:20px 0 9px}.login-content input{width:100%;height:52px;padding:12px 14px;border:1px solid #ded4df;border-radius:7px;background:#fff;color:#302331;font-size:16px;scroll-margin:28px}.password-wrap{position:relative}.password-wrap input{padding-right:70px}.password-wrap button{position:absolute;right:4px;top:4px;height:44px;padding:0 12px;border:0;background:transparent;color:#6b5165;cursor:pointer;font-size:13px}.forgot{display:block;text-align:right;text-decoration:none;font-size:13px;padding:17px 0 26px}.sign-in{width:100%;background:#76144e;color:#fff;border:0;border-radius:7px;padding:16px 20px;cursor:pointer;font-weight:600}.sign-in:hover{background:#59113d}.sign-in span{float:right;font-size:19px}.login-footer{border-top:1px solid #eee5ec;margin-top:35px;padding-top:24px;text-align:center;color:#8e7b89;font-size:12px}.mobile-brand{display:none}.errors,.notice{background:#fff0f2;padding:12px;border-radius:7px;color:#7e233c;font-size:14px;line-height:1.5}.skip{position:absolute;top:-80px;left:8px;z-index:5;background:white;padding:12px}.skip:focus{top:8px}
@media(max-width:760px){.community-login{display:flex;flex-direction:column;min-height:100svh}.mobile-brand{display:block;padding:22px;text-align:center}.mobile-brand img{width:200px;max-width:70%;display:block;margin:auto}.desktop-brand,.story-copy{display:none}.story-media{height:210px;min-height:0;width:100%;flex-shrink:0}.story-photo{object-position:center 38%}.login-area{padding:29px 26px max(25px,env(safe-area-inset-bottom));align-items:start}.login-content{max-width:440px}.login-content h2{font-size:28px}.intro{margin-bottom:22px}.login-footer{margin-top:26px;padding-top:20px}.keyboard-open .story-media{height:64px}.keyboard-open .mobile-brand{padding:10px}.keyboard-open .mobile-brand img{width:130px}.keyboard-open .login-area{padding-top:18px}.keyboard-open .intro{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}