/* Frozen Kliento 114r2 presentation. No prototype controls or auth behavior. */
@font-face{font-family:Inter;src:url('InterVariable.woff2');font-weight:100 900;font-display:swap}
:root{font-family:Inter,system-ui,sans-serif;color:#28382f;background:#fff;font-synthesis:none;--muted:#59675f;--sage:#e8ede4}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}
a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid #325f80;outline-offset:5px}
a:hover,summary:hover{filter:brightness(.95)}
.login-skip{position:fixed;left:20px;top:-100px;z-index:10;padding:14px;background:#fff}
.login-skip:focus{top:10px}
.login-shell{min-height:100svh;display:grid;grid-template-columns:1.08fr 1fr}
.login-story{background:var(--sage);padding:48px clamp(32px,5vw,100px);display:flex;flex-direction:column;gap:60px;min-width:0}
.login-brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:400;letter-spacing:-.3px}
.login-brand img{display:block;flex:none}
.login-story-copy{margin:auto 0;width:min(100%,560px);align-self:flex-end;padding:40px 0}
.login-eyebrow{text-transform:uppercase;font-size:10px;font-weight:550;letter-spacing:1.6px;line-height:1.6;margin:0 0 22px;color:#52684f}
h1{font-size:clamp(36px,3.8vw,64px);font-weight:440;letter-spacing:-2.1px;line-height:1.1;margin:0 0 27px;text-wrap:balance;overflow-wrap:break-word}
.login-intro{font-size:15px;line-height:1.8;max-width:420px;color:#53634f;margin:0}
.login-brand-foot{font-size:11px;color:#596b53;margin:0}
.login-access{padding:48px clamp(30px,5vw,100px) 48px clamp(40px,5vw,80px);display:flex;flex-direction:column;gap:60px;min-width:0;outline:none;--login-offset:clamp(20px,2.5vw,40px)}
.login-meta,.login-block{position:relative;left:var(--login-offset);width:calc(100% - var(--login-offset))}
.login-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted);flex-wrap:wrap}
.login-environment{border:1px solid #d3dccc;border-radius:4px;padding:4px 8px;font-size:10px}
.login-block{max-width:380px;margin:auto 0;padding:40px 0}
.login-access:after{content:"";height:14px;flex-shrink:0}
h2{font-size:34px;line-height:1.2;font-weight:460;letter-spacing:-1.1px;margin:0 0 18px}
.login-instructions{font-size:14px;color:var(--muted);margin:0 0 32px;line-height:1.7}
.login-microsoft{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:13px;padding:14px 18px;border:1px solid #6e756e;border-radius:5px;background:#fff;color:#333;font-family:'Segoe UI',Inter,system-ui,sans-serif;font-weight:600;font-size:14px}
.login-microsoft img{flex:none}
.login-permission{margin:16px 0 22px;max-width:310px;font-size:12px;line-height:1.7;color:var(--muted)}
.login-help{font-size:12px;color:#38523d}
.login-help summary{cursor:pointer;min-height:44px;padding:10px 0;line-height:24px;width:fit-content}
.login-help p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 14px}
@media(min-width:2000px){
.login-story{padding-left:max(90px,calc((100vw - 1900px)/2));padding-right:80px}
.login-access{padding-right:max(90px,calc((100vw - 1900px)/2));padding-left:80px}
.login-block{max-width:400px}}
@media(min-width:701px) and (max-width:1000px){
.login-story,.login-access{padding-top:34px;padding-bottom:34px;gap:35px}
.login-story{padding-left:34px;padding-right:34px}.login-access{padding-right:34px}
h1{font-size:40px;letter-spacing:-1.5px}.login-intro{font-size:14px}}
@media(max-width:700px){
.login-shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}
.login-story{padding:26px 28px 30px;gap:26px}.login-brand{font-size:18px}
.login-brand img{width:24px;height:24px}
.login-story-copy{margin:0;padding:0;align-self:auto;width:100%}
.login-eyebrow,.login-brand-foot{display:none}
h1{font-size:32px;letter-spacing:-1.2px;line-height:1.12;margin:0 0 14px}
.login-intro{font-size:13px;line-height:1.65;max-width:450px}
.login-access{padding:25px 28px 40px;gap:34px;--login-offset:0px}
.login-access:after{display:none}.login-meta{font-size:10px}
.login-block{max-width:420px;margin:0 auto;padding:4px 0 12px}
h2{font-size:27px;letter-spacing:-1px;margin-bottom:17px}
.login-instructions{margin-bottom:24px}.login-permission{margin-bottom:17px}}
@media(max-width:360px){.login-story,.login-access{padding-left:22px;padding-right:22px}h1{font-size:29px}h2{font-size:25px}}