:root{--qi-forest:#1e3b31;--qi-copper:#d39a6a;--qi-copper-deep:#b0703f;--qi-paper:#f2efe6}
.signin-body{min-height:100vh;min-height:100svh;background:var(--qi-paper);color:#23352e}
.signin-layout{display:grid;grid-template-columns:minmax(350px,43%) 1fr;min-height:100vh;min-height:100svh}
.signin-intro{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:clamp(34px,5vw,76px);background:var(--qi-forest);color:#fff}
.signin-intro:before{content:"";position:absolute;z-index:-1;inset:auto -75px -180px auto;width:min(48vw,540px);aspect-ratio:1;background:url("/static/images/quill/mark-white.c3b3888a3f10.svg") center/contain no-repeat;opacity:.07}
.signin-intro:after{content:"";position:absolute;z-index:-1;right:-260px;bottom:-340px;width:660px;height:660px;border:1px solid #d39a6a3b;border-radius:50%;box-shadow:0 0 0 55px #d39a6a12,0 0 0 110px #d39a6a0b;pointer-events:none}
.signin-brand{display:inline-flex;align-items:center;width:max-content;max-width:100%;position:relative;z-index:1}
.signin-brand:hover{text-decoration:none}
.signin-wordmark{display:block;width:min(250px,50vw);height:auto;max-height:74px;object-fit:contain;object-position:left center}
.signin-intro-copy{position:relative;z-index:1;margin:auto 0;padding:72px 0}
.signin-eyebrow{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.17em;margin-bottom:20px;color:#758179}
.signin-intro .signin-eyebrow{color:#d39a6a}
.signin-intro h2{max-width:520px;margin:0 0 20px;color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(42px,5vw,68px);font-weight:600;line-height:.99;letter-spacing:-.025em}
.signin-intro-copy>p:not(.signin-eyebrow){max-width:365px;color:#d9e0da;font-size:15px;line-height:1.8}
.signin-line{width:40px;height:2px;background:var(--qi-copper);margin:30px 0 18px}
.signin-detail,.signin-intro-footer{color:#c1cec5;font-size:12px}.signin-intro-footer{margin-top:auto;margin-bottom:0}
.signin-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px clamp(22px,6vw,88px);background:var(--qi-paper)}
.signin-card{width:100%;max-width:456px;padding:clamp(28px,4vw,48px);border:1px solid #e1ddd3;border-radius:18px;background:#fff;box-shadow:0 18px 55px #1e3b3110}
.signin-card>.signin-eyebrow{margin-bottom:16px;color:#92572f}
.signin-card h1{margin:0 0 14px;color:#23352e;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(34px,3vw,42px);font-weight:600;line-height:1.04;letter-spacing:-.02em}
.signin-description{margin:0 0 28px;color:#66736b;font-size:13px;line-height:1.8}
.signin-form{display:grid;gap:19px}
.signin-field label{display:block;margin-bottom:8px;color:#34443b;font-size:12px;font-weight:700}
.signin-field input{display:block;width:100%;min-height:49px;padding:12px 14px;border:1px solid #d5d9d1;border-radius:8px;background:#fdfdfb;color:#23352e;font-size:15px;transition:border-color .15s,box-shadow .15s}
.signin-field input::placeholder{color:#8b958c}
.signin-field input:focus{border-color:var(--qi-forest);outline:3px solid #1e3b311a;outline-offset:1px}
.signin-field input[aria-invalid=true]{border-color:#a43d32}
.signin-code input{text-align:center;font-size:23px;letter-spacing:.45em;font-variant-numeric:tabular-nums}
.signin-body .signin-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;padding:13px 42px;border:1px solid var(--qi-forest);border-radius:8px;background:var(--qi-forest);color:#fff;font-size:13px;font-weight:700;text-align:center;transition:background .15s,transform .15s}
.signin-body .signin-submit:hover{background:#294c40;color:#fff;text-decoration:none;transform:translateY(-1px)}
.signin-submit:focus-visible,.signin-help a:focus-visible,.signin-brand:focus-visible{outline:3px solid var(--qi-copper);outline-offset:4px}
.signin-submit span{position:absolute;right:17px;color:var(--qi-copper);font-size:20px;font-weight:400}
.signin-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:28px;padding-top:19px;border-top:1px solid #ebe8e0;color:#78827a;font-size:11px}
.signin-security svg{width:15px;height:15px;color:var(--qi-forest)}
.signin-help{margin:22px 0 0;color:#66736b;font-size:12px;line-height:1.7}.signin-help a{color:var(--qi-forest);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.signin-footer{max-width:360px;margin:20px 0 0;text-align:center;color:#737d75;font-size:11px;line-height:1.8}
.signin-card .errorlist{margin:10px 0 0;padding:11px 13px;border-radius:7px;background:#fff2ef;color:#993c32;list-style:none;font-size:12px}.signin-form>.errorlist{margin-top:0}
@media(max-width:760px){.signin-layout{display:flex;flex-direction:column}.signin-intro{padding:24px 24px 21px;min-height:112px}.signin-intro:before{inset:-75px -32px auto auto;width:220px;opacity:.055}.signin-intro-copy,.signin-intro-footer,.signin-intro:after{display:none}.signin-wordmark{width:205px;max-height:58px}.signin-main{flex:1;justify-content:flex-start;padding:32px 18px 40px}.signin-card{max-width:500px;padding:30px 25px}.signin-card h1{font-size:36px}.signin-footer{padding:0 10px}}
@media(max-width:380px){.signin-card{padding:25px 20px}.signin-intro{padding-left:20px}.signin-wordmark{width:185px}}
@media(prefers-reduced-motion:reduce){.signin-field input,.signin-body .signin-submit{transition:none}.signin-body .signin-submit:hover{transform:none}}