:root{--canvas:#f8f5f1;--ink:var(--brand-ink);--muted:#676862;--line:#e5e1dc;--shadow:0 12px 24px rgba(32,29,25,.07),0 1px 3px rgba(32,29,25,.035)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100svh}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.page-width{width:calc(100% - 96px);max-width:1320px;margin:auto}.site-header{height:60px;border-bottom:1px solid rgba(38,37,35,.065);background:rgba(250,247,243,.97)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:700;letter-spacing:-.035em}.brand-icon{width:30px;height:30px;display:inline-flex}.back-link{font-size:12px;color:#51534e}.back-link:hover{text-decoration:underline}.login-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);min-height:calc(100svh - 131px);align-items:center;padding-block:clamp(35px,6vh,70px)}.story-side{max-width:600px}.label{font-size:11px;color:#555752;letter-spacing:.045em;font-weight:550;margin:0 0 16px}.story-side h1{font-size:clamp(45px,4.5vw,68px);letter-spacing:-.065em;line-height:1.025;margin:0 0 20px;font-weight:750}.story-side h1 span{color:var(--surface-muted)}.story-side p:not(.label){font-size:14px;line-height:1.7;max-width:420px;color:#62645e;margin:0 0 30px}.image-shell{position:relative;border:8px solid #fffdfa;border-radius:13px;overflow:hidden;max-width:520px;aspect-ratio:1.77;background:#e7e4df;box-shadow:var(--shadow)}.image-shell img{height:100%;width:100%;object-fit:cover;display:block}.image-shell::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(var(--brand-ink-rgb),.42),transparent)}.image-label{position:absolute;z-index:1;bottom:14px;left:15px;color:#fff;font-size:10px;letter-spacing:.04em;font-weight:600}.form-side{display:flex;justify-content:center}.login-card{width:100%;max-width:525px;padding:clamp(27px,4.2vw,48px);background:rgba(255,253,250,.91);border:1px solid var(--line);border-radius:13px;box-shadow:0 17px 36px rgba(32,29,25,.065),0 2px 6px rgba(32,29,25,.025)}.form-eyebrow{display:flex;align-items:center;gap:10px;color:#60625c;font-weight:600;font-size:10px;letter-spacing:.05em;margin:0 0 16px}.form-eyebrow:before{content:"";width:23px;height:2px;background:var(--brand-ink)}.login-card h2{font-size:clamp(29px,3vw,39px);line-height:1.1;letter-spacing:-.055em;margin:0 0 11px;font-weight:700}.intro{font-size:13px;line-height:1.6;color:#666862;margin:0 0 26px}.login-form{display:flex;flex-direction:column;gap:17px}.field label{display:block;font-weight:650;font-size:12px;margin:0 0 8px}.control{position:relative}.control input{width:100%;height:47px;border:1px solid #d8d4cf;border-radius:7px;background:white;padding:0 13px;font-size:13px;outline:0}.control input:focus{border-color:#686e65;box-shadow:0 0 0 3px rgba(var(--brand-ink-rgb),.1)}.control.has-toggle input{padding-right:75px}.reveal{position:absolute;right:11px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#595c56;font-size:11px;font-weight:650;padding:6px}.error{display:none;color:#9a5049;font-size:11px;margin:7px 0 0}.field.invalid .error{display:block}.field.invalid input{border-color:#b56861}.btn{display:flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 16px;border:1px solid #242522;border-radius:7px;background:linear-gradient(180deg,#2b2c2a,var(--brand-ink));color:white;font-size:13px;font-weight:600}.btn:hover{box-shadow:0 8px 15px rgba(0,0,0,.13)}.demo-btn{width:100%;border:1px solid #d9d8d2;border-radius:7px;padding:12px;background:#fff;color:var(--ink);font-size:12px}.demo-btn:hover{background:#f9f7f3}.divider{display:flex;gap:11px;align-items:center;color:var(--surface-muted);font-size:11px}.divider::before,.divider::after{content:"";height:1px;flex:1;background:#e9e6e1}.footnote{text-align:center;font-size:11px;line-height:1.6;color:var(--surface-muted);margin:0}.footnote a{text-decoration:underline;text-underline-offset:3px;color:var(--brand-ink)}.status{display:none;font-size:11px;color:#914d47}.status.visible{display:block}.site-footer{min-height:71px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--surface-muted);font-size:11px}.site-footer a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #858883;outline-offset:3px}
@media(max-width:900px){.page-width{width:calc(100% - 58px)}.login-shell{grid-template-columns:.83fr 1.17fr;gap:24px}.story-side h1{font-size:45px}.login-card{padding:27px}}
@media(max-width:700px){.page-width{width:calc(100% - 36px)}.login-shell{grid-template-columns:1fr;min-height:0;gap:27px;padding-block:32px 26px}.story-side h1{font-size:39px;margin-bottom:10px}.story-side p:not(.label){margin-bottom:0;font-size:12px}.image-shell{display:none}.form-side{display:block}.login-card{max-width:none;padding:25px}.site-footer{padding:13px 0 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}