@charset "UTF-8";
:root{--ink:#181818;--muted:#72726e;--paper:#f1f1ed;--line:#deded9}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.login-layout{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}
.brand-panel{background:var(--paper);padding:56px 64px 32px;display:flex;flex-direction:column;position:relative;border-right:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;align-self:flex-start}
.brand img{display:block;width:44px;height:54px}
.wordmark{font-size:40px;font-weight:700;letter-spacing:-2.2px;line-height:1}
.brand-caption{display:block;font-size:9px;letter-spacing:3.2px;font-weight:500;margin:10px 0 0 3px}
.brand-story{margin:auto 0;padding:90px 0 100px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:1.9px;line-height:1.6}
.small-line{width:26px;height:1px;background:currentColor}
h1{font-size:clamp(38px,4.2vw,66px);letter-spacing:-2.7px;line-height:1.12;font-weight:500;margin:30px 0}
h1 span{color:#888881}
.brand-story p{font-size:15px;line-height:1.8;color:#666660;margin:0}
.brand-bottom{border-top:1px solid #d4d4ce;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.7px;color:#72726b}
.brand-spark{font-size:31px;line-height:1;color:var(--ink)}
.form-panel{padding:44px 64px 32px;display:flex;flex-direction:column;min-width:0}
.panel-top{display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1.7px;line-height:1.5;color:#787873}
.edition{color:#989893}
.login-form-wrap{width:100%;max-width:370px;margin:auto; padding:70px 0}
.form-intro .eyebrow{color:var(--muted)}
h2{font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-1px;margin:16px 0 12px}
.form-intro p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.login-form{margin-top:36px}
.field{margin-bottom:23px}
label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}
input{width:100%;height:52px;border:1px solid #dcdcd7;border-radius:4px;padding:0 15px;font:14px Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}
input::placeholder{color:#94948e}
input:hover{border-color:#9c9c96}
input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px #18181812}
button{width:100%;min-height:54px;border:1px solid var(--ink);border-radius:4px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:var(--ink);color:white;font:600 14px Arial,Helvetica,sans-serif;cursor:pointer;margin-top:30px;transition:background .15s}
button span:last-child{font-size:23px;font-weight:400}
button:hover{background:#383838}
button:focus-visible,.brand:focus-visible{outline:2px solid #181818;outline-offset:5px}
.access-note{margin:23px 0 0;font-size:11px;line-height:1.8;color:#81817b;max-width:300px}
.login-footer{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:#8b8b85;line-height:1.6}
.login-footer strong{font-weight:600;color:#55554f}
.login-error{margin-top:24px;padding:13px 15px;border:1px solid #bdbdb7;border-left:3px solid var(--ink);background:#f5f5f2;font-size:13px;line-height:1.6}
@media(min-width:1600px){.brand-panel,.form-panel{padding-left:90px;padding-right:90px}.login-form-wrap{max-width:410px}}
@media(max-width:1000px){.brand-panel{padding:40px 32px 28px}.form-panel{padding:36px 32px 28px}h1{letter-spacing:-1.8px}.brand-story{padding:70px 0}}
@media(max-width:700px){.login-layout{grid-template-columns:1fr}.brand-panel{padding:28px 25px;border-right:0;border-bottom:1px solid var(--line)}.brand img{width:32px;height:40px}.wordmark{font-size:31px;letter-spacing:-1.7px}.brand-caption{font-size:8px;margin-top:8px;letter-spacing:2.5px}.brand-story,.brand-bottom{display:none}.form-panel{padding:25px;min-height:calc(100svh - 98px)}.panel-top{font-size:8px}.login-form-wrap{padding:48px 0;max-width:410px}h2{font-size:30px}.login-footer{font-size:9px}input{font-size:16px}}
@media(prefers-reduced-motion:reduce){input,button{transition:none}}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#181818;-webkit-box-shadow:0 0 0 1000px #fff inset;caret-color:#181818}

/* Quiet editorial image; preserve the existing login form and mobile layout. */
@media(min-width:701px){
 .brand-panel{background-color:#eeece6;background-image:linear-gradient(90deg,rgba(245,244,240,.64),rgba(245,244,240,.18) 68%,rgba(245,244,240,0)),url('../img/pyrseia-login-workspace.webp');background-size:cover;background-position:right bottom;background-repeat:no-repeat}
 .brand-story{position:relative;z-index:1}
 .brand-story p{color:#62625e}
 .brand-bottom{position:relative;z-index:1;border-top-color:rgba(80,80,75,.2)}
}