@font-face{font-family:Manrope;src:url('/assets/UXO4O7K2G3HI3D2VKD7UXVJVJD26P4BQ-1c8a780b45ba.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f5f6f3;color:#1a1a1a;font-family:Manrope,system-ui,sans-serif;font-size:14px;line-height:1.5}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.login-layout{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:12px}.visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:720px;overflow:hidden;border-radius:24px;padding:40px;color:white;background:linear-gradient(180deg,rgba(8,26,19,.12),rgba(8,26,19,.82)),url('/assets/sikepo-footer-forest.png') center/cover}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;letter-spacing:3px;width:max-content}.brand img{width:40px;height:40px;object-fit:contain}.visual-copy{max-width:540px;margin-top:160px}.visual-copy>span{font-size:12px;letter-spacing:2px}.visual h1{font-size:48px;line-height:1;letter-spacing:-2px;font-weight:500;text-wrap:balance}.visual p{font-size:16px;line-height:24px;max-width:400px;color:#e2eae4;text-wrap:pretty}.visual>small{font-size:12px;margin-top:48px;color:#d2ded6}.form-panel{padding:24px 40px;display:flex;flex-direction:column;justify-content:space-between}.back{font-size:14px;color:#6e756f;width:max-content}.form-content{max-width:432px;width:100%;margin:64px auto}.eyebrow{font-size:12px;color:#206b4a;letter-spacing:1px}.form-content h2{font-size:36px;line-height:40px;font-weight:500;letter-spacing:-1px;margin:16px 0;text-wrap:balance}.intro{color:#6e756f;margin-bottom:32px}form label{display:block;margin-bottom:8px;font-weight:600}input{border:1px solid #dce1dc;border-radius:12px;background:white;width:100%;padding:16px;color:#1a1a1a;margin-bottom:24px;outline:none}input:focus{border-color:#206b4a;box-shadow:0 0 0 3px #206b4a16}.password-label{display:flex;justify-content:space-between;align-items:baseline}.password-label button{background:none;border:0;color:#647068;font-size:12px;cursor:pointer}.submit{width:100%;background:#206b4a;color:white;border:0;border-radius:16px;display:flex;align-items:center;gap:16px;padding:3px;cursor:pointer;font-size:16px}.submit>span{display:grid;place-items:center;flex:none;width:56px;height:56px;background:#f5faf6;color:#206b4a;border-radius:13px;font-size:24px}.submit strong{font-weight:600}.submit:hover{background:#19563b}.submit:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #63a485;outline-offset:4px}.demo{border-top:1px solid #dce1dc;padding-top:24px;margin-top:32px}.demo h3{font-size:16px;font-weight:600;margin:0 0 8px}.demo p{color:#6e756f;margin:0 0 16px;text-wrap:pretty}.demo-roles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.demo-roles button{background:#fff;border:1px solid #dce1dc;border-radius:12px;padding:12px;cursor:pointer;color:#3e4d43}.demo-roles button:hover,.demo-roles button[aria-pressed=true]{border-color:#206b4a;background:#eaf1eb;color:#19563b}.demo small,.footnote,.copyright{font-size:12px;color:#7b847d}.demo code{font-family:inherit;color:#3e4d43}.footnote{margin-top:24px;text-wrap:pretty}#login-error{color:#a12c2c;background:#fff0ed;padding:12px;border-radius:8px;margin:0 0 16px}.copyright{align-self:center}@media(min-width:1500px){.visual{padding:64px}.visual h1{font-size:60px;line-height:1}}@media(max-width:900px){.login-layout{grid-template-columns:1fr}.visual{display:none}.form-panel{padding:24px;min-height:calc(100svh - 24px)}.form-content{margin:48px auto}.form-content h2{font-size:30px;line-height:36px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}