@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/manrope-latin.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+2020-202F,U+20A0-20AB,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Clevis Portal Theme v1: shared across product portals. */
:root{
 --clevis-ink:#302b22;--clevis-muted:#625f55;--clevis-bronze:#6a5733;
 --clevis-cream:#fbfae4;--clevis-canvas:#f6f5ec;--clevis-surface:#ffffff;
 --clevis-border:#dedbcf;--clevis-charcoal:#292821;--clevis-gold:#e5d7b9;
 --clevis-font:Manrope,Arial,sans-serif;--clevis-radius:6px;
 --clevis-space-1:4px;--clevis-space-2:8px;--clevis-space-3:12px;
 --clevis-space-4:16px;--clevis-space-6:24px;--clevis-space-8:32px;
 --clevis-login-image:url('/login-background.webp');
}
body{font-family:var(--clevis-font);color:var(--clevis-ink);background:var(--clevis-canvas)}
.clevis-auth{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);background:var(--clevis-canvas)}
.clevis-auth-story{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(32px,5vw,80px);isolation:isolate;min-height:640px;background:var(--clevis-charcoal);overflow:hidden}
.clevis-auth-story:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(180deg,rgba(25,28,25,.12) 0%,rgba(25,28,25,.38) 40%,rgba(25,28,25,.94) 100%),var(--clevis-login-image);background-size:cover;background-position:62% center}
.clevis-auth-story .eyebrow{color:var(--clevis-gold);letter-spacing:2px;font-size:11px}
.clevis-auth-story h2{color:#fffdf5;font-size:clamp(36px,4.4vw,64px);line-height:1.08;letter-spacing:-2px;margin:20px 0;max-width:650px;font-weight:500}
.clevis-auth-story p{color:#eee9dc;font-size:16px;line-height:1.7;max-width:450px;margin-bottom:28px}
.clevis-auth-caption{padding-top:20px;border-top:1px solid #e5d7b944;color:var(--clevis-gold);font-size:12px;letter-spacing:.4px}
.clevis-auth-side{display:flex;flex-direction:column;padding:clamp(28px,4vw,64px);min-width:0;background:#fffdf7}
.clevis-auth-logo{display:block;width:220px;max-width:100%;height:auto}
.clevis-auth-form{width:100%;max-width:360px;margin:auto; padding:56px 0 40px}
.clevis-auth-form .eyebrow{display:block;margin-bottom:16px}
.clevis-auth-form h1{font-size:32px;font-weight:500;letter-spacing:-1px;margin:0 0 12px;line-height:1.2}
.clevis-auth-form p{line-height:1.7;margin-bottom:28px}
.clevis-auth-form label{font-size:13px;font-weight:600;margin:20px 0}
.clevis-auth-form input{min-height:48px;border-radius:4px;background:white}
.clevis-auth-form button{width:100%;min-height:48px;margin-top:8px;background:var(--clevis-bronze);border-radius:4px}
.clevis-auth-form input:focus-visible{outline:2px solid var(--clevis-bronze);outline-offset:2px}
.clevis-auth-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--clevis-border);font-size:11px;color:var(--clevis-muted)}
.clevis-auth-footer a{color:var(--clevis-muted);text-decoration:none}.clevis-auth-footer a:hover{text-decoration:underline}
@media(max-width:850px){.clevis-auth{grid-template-columns:1fr}.clevis-auth-story{min-height:280px;padding:32px;order:2}.clevis-auth-story h2{font-size:36px;letter-spacing:-1px}.clevis-auth-story p{margin-bottom:18px}.clevis-auth-side{min-height:100dvh;padding:28px}.clevis-auth-form{padding:48px 0;max-width:400px}.clevis-auth-logo{width:200px}}

/* Shared portal typography and interaction tokens. */
:root{--clevis-type-body:15px;--clevis-type-label:13px;--clevis-type-caption:12px;--clevis-type-title:30px;--clevis-type-section:18px;--clevis-type-value:28px;--clevis-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--clevis-control-radius:4px}
body{font-size:var(--clevis-type-body);line-height:1.55}
button,input,select,textarea{font-family:var(--clevis-font)}
input[type=checkbox],input[type=radio]{accent-color:var(--clevis-bronze)}
code,pre{font-family:var(--clevis-mono);font-size:13px;line-height:1.6}