.wif-login{background:#eee7e1;color:#55082a;min-height:100svh;padding:24px;display:grid;place-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wif-login .access-shell{margin:0;padding:0;max-width:1440px;width:100%;min-height:min(850px,calc(100svh - 48px));display:grid;grid-template-columns:1.04fr 1fr;background:#fffdf9;border:1px solid #fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 80px #400a2010}
.access-story{position:relative;overflow:hidden;isolation:isolate;min-height:720px;background:#55082a;color:#fff7ef}
.story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;z-index:-3}
.story-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#28081540 0%,#340b2010 25%,#440620a6 60%,#490721f5 100%)}
.story-logo{position:absolute;top:45px;left:42px;width:min(65%,325px);height:auto;filter:brightness(0) invert(1)}
.story-copy{position:absolute;bottom:35px;left:42px;right:42px}.story-kicker{font-size:10px;letter-spacing:.19em;font-weight:600}.story-copy h1{font-size:clamp(30px,3.2vw,48px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:22px 0}.story-copy p{font-size:14px;line-height:1.7;max-width:340px;color:#f4dfdf}.story-bottom{border-top:1px solid #ffffff35;margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.045em}.story-bottom span:last-child{font-size:24px}
.access-form{padding:42px 48px 28px;display:flex;flex-direction:column}.access-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.access-top img{width:190px;height:auto;filter:brightness(0) saturate(100%) invert(9%) sepia(47%) saturate(3016%) hue-rotate(305deg) brightness(83%) contrast(100%)}.private-tag{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;color:#697265}.private-tag span{color:#879c80;font-size:7px}
.form-content{width:100%;max-width:380px;margin:auto; padding:55px 0}.access-eyebrow{font-size:9px;font-weight:650;letter-spacing:.2em;color:#8a5f70;margin:0 0 20px}.form-content h2{font-size:clamp(34px,3.2vw,46px);font-weight:550;line-height:1.09;letter-spacing:-.055em;margin:0 0 20px}.access-description{font-size:13px;line-height:1.8;color:#806e74;margin:0 0 30px;max-width:350px}.form-content label{font-size:11px;margin:22px 0 8px;font-weight:600}.form-content input{height:51px;border:1px solid #e4d9d7;background:#fffefd;border-radius:9px;font-size:13px;padding:13px 15px;margin:0;color:#55082a;transition:border-color .2s,box-shadow .2s}.form-content input::placeholder{color:#a5949b}.form-content input:focus{outline:2px solid #91a488;outline-offset:3px;border-color:#91a488}.form-content button{width:100%;margin-top:28px;min-height:52px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#64042c;transition:background .2s,transform .2s}.form-content button:hover{background:#85153f;transform:translateY(-1px)}.form-content button:focus-visible{outline:3px solid #91a488;outline-offset:3px}.form-content button span{font-size:20px;font-weight:400}.access-security{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#8b7980;margin:22px 0 0}.access-footer{border-top:1px solid #ede5df;padding-top:20px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#99848b}.form-content .error{font-size:12px;padding:13px 16px;border-left:3px solid #a52b4f}
@media(min-width:1500px){.wif-login{padding:40px}.access-form{padding-inline:65px}}
@media(max-width:1050px){.access-form{padding:30px}.access-top{flex-wrap:wrap;gap:12px}.story-copy,.story-logo{left:30px}.story-copy{right:30px}.access-story{min-height:680px}}
@media(max-width:720px){.wif-login{padding:14px}.wif-login .access-shell{grid-template-columns:1fr;min-height:calc(100svh - 28px);max-width:500px;border-radius:18px}.access-story{display:none}.access-form{padding:28px 25px 22px}.access-top img{width:180px}.form-content{padding:55px 0}.form-content h2{font-size:40px}.access-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.form-content button,.form-content input{transition:none}.form-content button:hover{transform:none}}