.demo-entrance{color:#202124;min-height:100dvh;font-family:var(--font-geist-sans),sans-serif;background:#f6f6f5;flex-direction:column;padding:0 48px;display:flex}.demo-masthead{border-bottom:1px solid #dededc;align-items:center;gap:26px;width:100%;max-width:1160px;min-height:94px;margin:0 auto;display:flex}.loro-wordmark{letter-spacing:-1.2px;color:#1d1e20;align-items:baseline;font-size:27px;font-weight:800;text-decoration:none;display:inline-flex}.loro-wordmark>span{font-weight:400}.loro-wordmark i{background:#26272b;border-radius:50%;width:6px;height:6px;margin-left:4px}.demo-masthead>span{letter-spacing:1.7px;color:#77797d;font-size:10px;font-weight:600}.demo-lock{color:#5f6269;align-items:center;gap:7px;margin-left:auto;font-size:12px;text-decoration:none;display:flex}.demo-stage{grid-template-columns:1.2fr 1fr;align-items:center;gap:90px;width:100%;max-width:1080px;margin:auto;padding:72px 0;display:grid}.demo-eyebrow{letter-spacing:1.6px;color:#74767c;font-size:11px;font-weight:650}.demo-intro h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(36px,4vw,52px);font-weight:600;line-height:1.15}.demo-intro h1>span{color:var(--brand-text)}.demo-intro>p{color:#6b6d73;max-width:350px;font-size:16px;line-height:1.7}.demo-password{background:#fff;border:1px solid #e2e2e1;border-radius:18px;padding:32px;box-shadow:0 12px 40px #20212405}.demo-lock-icon{background:#f8f8f8;border:1px solid #dedfe2;border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:26px;display:grid}.demo-password h2{letter-spacing:-.6px;margin:0;font-size:21px;font-weight:600}.demo-password>p{color:#7a7c82;margin:9px 0 26px;font-size:14px}.demo-password>label{margin-bottom:9px;font-size:12px;font-weight:600;display:block}.demo-password input[type=password]{color:#25262a;background:#fafafa;border:1px solid #dadbdd;border-radius:9px;width:100%;height:48px;padding:12px 14px;font-size:16px}.demo-password input:focus{outline:2px solid var(--brand);outline-offset:2px}.demo-password>button{background:var(--brand);width:100%;height:48px;color:var(--brand-ink);border:0;border-radius:9px;justify-content:space-between;align-items:center;margin-top:16px;padding:0 16px;font-size:14px;font-weight:600;display:flex}.demo-password>button:hover{background:var(--brand-hover)}.demo-password>small{text-align:center;color:#8a8c90;margin-top:22px;font-size:11px;display:block}.demo-password .demo-error{color:#a12828;margin:12px 0;font-size:13px}.demo-stage.is-unlocked{grid-template-columns:1fr;gap:34px;max-width:920px;padding:50px 0}.is-unlocked .demo-intro h1{margin:15px 0;font-size:42px}.is-unlocked .demo-intro>p{max-width:none}.demo-options{grid-template-columns:1fr 1fr;gap:22px;display:grid}.demo-option{color:inherit;background:#fff;border:1px solid #dedfe0;border-radius:16px;flex-direction:column;padding:28px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.demo-option:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 14px 35px #00000009}.demo-option:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.demo-option-top{justify-content:space-between;align-items:center;display:flex}.demo-role-icon{background:var(--brand-soft);width:50px;height:50px;color:var(--brand-text);border-radius:12px;place-items:center;display:grid}.demo-number{letter-spacing:1.5px;color:#919398;font-size:10px}.demo-option h2{letter-spacing:-.7px;margin:23px 0 9px;font-size:26px;font-weight:600}.demo-option>p{color:#74767c;max-width:330px;margin:0;font-size:14px;line-height:1.7}.demo-option-cta{color:var(--brand-text);border-top:1px solid #eeeeef;justify-content:space-between;align-items:center;margin-top:24px;padding-top:22px;font-size:13px;font-weight:600;display:flex}.demo-mini-student,.demo-mini-admin{background:#fafafa;border:1px solid #e7e8e9;border-radius:9px;min-height:124px;margin-top:24px;padding:14px}.demo-mini-student>span{align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.demo-mini-student>div{gap:9px;margin:12px 0;display:flex}.demo-mini-student i{background:linear-gradient(120deg,#f92c5366,#f92c531a);border-radius:4px;width:33.33%;height:30px}.demo-mini-student b{color:#74767c;font-size:9px;font-weight:500}.demo-mini-admin>div{gap:8px;display:flex}.demo-mini-admin i{background:#fff;border:1px solid #e5e5e5;border-radius:5px;flex:1;padding:8px 10px;font-size:18px;font-style:normal;font-weight:600;display:block}.demo-mini-admin small{color:#777;font-size:8px;font-weight:400;display:block}.demo-mini-admin>span{background:#e7e8e9;border-radius:2px;width:100%;height:5px;margin-top:12px;display:block}.demo-mini-admin>span:last-child{width:65%}.demo-entrance-footer{color:#85878c;border-top:1px solid #dededc;justify-content:space-between;gap:12px;width:100%;max-width:1160px;margin:0 auto;padding:23px 0;font-size:11px;display:flex}.demo-entrance~.install-controls{bottom:14px;right:16px}.demo-entrance-footer{padding-right:100px}@media (max-width:760px){.demo-entrance{padding:0 22px}.demo-masthead{gap:16px;min-height:76px}.demo-stage{grid-template-columns:1fr;gap:32px;max-width:450px;padding:44px 0}.demo-intro h1{letter-spacing:-1.3px;font-size:36px}.demo-password{padding:26px}.demo-stage.is-unlocked{padding:36px 0}.is-unlocked .demo-intro h1{font-size:34px}.demo-options{grid-template-columns:1fr;gap:16px}.demo-option{padding:25px}.demo-entrance-footer{gap:5px;display:grid}.demo-masthead>span{letter-spacing:1px;font-size:8px}.demo-lock{font-size:11px}.demo-entrance~.install-controls{bottom:16px}}@media (prefers-reduced-motion:reduce){.demo-option{transition:none}.demo-option:hover{transform:none}}