/* Public demo entrance. Kept separate from authenticated application styles. */
:root{--demo-ink:#102f3d;--demo-muted:#526a70;--demo-teal:#087d78;--demo-teal-dark:#075c5a;--demo-mint:#e8f4f1;--demo-warm:#f7f1e7;--demo-gold:#d39a2f;--demo-coral:#c96d48;--demo-border:#c9ddd9}
body{margin:0;background:#f7faf9;color:var(--demo-ink)}
.demo-shell{min-height:100vh;display:block;background:#f7faf9}
.demo-login{min-height:0;display:grid;gap:34px;padding:28px max(24px,calc((100% - 1180px)/2)) 58px;overflow:hidden;border-bottom:1px solid #c9ddd9;background:var(--demo-mint)}
.demo-brand-row{display:flex;align-items:center;justify-content:flex-start}.demo-brand{display:inline-flex;align-items:center}.demo-brand img{width:190px;max-height:72px;object-fit:contain}
.demo-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:70px;align-items:center}.demo-intro-copy{max-width:650px}.demo-kicker{margin:0 0 12px;color:var(--demo-coral);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.demo-login h1{margin:0;color:var(--demo-ink);font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:0}.demo-copy{max-width:610px;margin:22px 0 0;color:var(--demo-muted);font-size:18px;line-height:1.6}.demo-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.demo-facts span{padding:10px 12px;border-radius:6px;background:#fff;color:var(--demo-muted);font-size:13px;box-shadow:0 5px 15px rgba(16,47,61,.06)}.demo-facts b{color:var(--demo-teal-dark)}
.demo-preview{position:relative;min-height:390px;max-width:640px;width:100%;margin-inline:auto}.demo-preview-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.demo-preview-links line{stroke:#83b7b0;stroke-width:1.5;stroke-linecap:round;opacity:.8}.demo-preview-home{position:absolute;z-index:3;left:50%;top:50%;width:210px;min-height:112px;display:grid;place-content:center;gap:4px;text-align:center;transform:translate(-50%,-50%);border:1px solid #91beb8;border-top:5px solid var(--demo-gold);border-radius:8px;background:#fff;box-shadow:0 18px 45px rgba(16,47,61,.14)}.demo-preview-home span{color:var(--demo-teal);font-size:12px;font-weight:800;text-transform:uppercase}.demo-preview-home strong{font-size:20px}.demo-preview-item{position:absolute;z-index:2;min-width:104px;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;text-align:center;transform:translate(-50%,-50%);border:1px solid var(--demo-border);border-radius:7px;background:#fff;color:var(--demo-ink);font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(16,47,61,.08)}.demo-preview-item i{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border-radius:50%;background:#e9f5f3;color:var(--demo-teal-dark);font-size:10px;font-style:normal}.item-one{left:50%;top:7%;border-top:3px solid var(--demo-teal)}.item-two{left:79%;top:21%;border-top:3px solid #557da0}.item-three{left:92%;top:50%;border-top:3px solid #9b709d}.item-four{left:79%;top:79%;border-top:3px solid var(--demo-coral)}.item-five{left:50%;top:93%;border-top:3px solid #be8731}.item-six{left:21%;top:79%;border-top:3px solid #4e966f}.item-seven{left:8%;top:50%;border-top:3px solid #557da0}.item-eight{left:21%;top:21%;border-top:3px solid #9b709d}
.demo-alert{padding:14px 16px;border:1px solid #e4b8aa;border-left:5px solid var(--demo-coral);border-radius:6px;background:#fff4ef}.demo-stage{min-height:0;display:block;padding:64px max(24px,calc((100% - 1180px)/2)) 80px;background:var(--demo-warm)}.demo-stage-inner{max-width:1180px;margin:0 auto;display:grid;gap:32px}.demo-stage-heading{max-width:760px;padding:0;border:0}.demo-stage-heading:after{content:none}.demo-stage-heading p{margin:0 0 9px;color:var(--demo-teal);font-size:12px;font-weight:900;letter-spacing:.08em}.demo-stage-heading h2{margin:0;color:var(--demo-ink);font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:0}.demo-stage-heading span{display:block;margin-top:12px;color:var(--demo-muted);font-size:16px}
.demo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.demo-account{position:relative;grid-column:span 2;min-height:235px;display:flex;flex-direction:column;gap:10px;padding:24px;overflow:hidden;border:1px solid var(--demo-border);border-top:5px solid var(--demo-teal);border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(16,47,61,.08);transition:transform .16s ease,box-shadow .16s ease}.demo-account:nth-child(4){grid-column:2/span 2}.demo-account:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(16,47,61,.14)}.demo-account h2{margin:0;color:var(--demo-ink);font-size:21px}.demo-account p{min-height:0;margin:0;color:var(--demo-muted);font-size:14px;line-height:1.45}.demo-best{display:block;margin-top:5px;padding-top:13px;border-top:1px solid #e2ebe8;color:#405d61;font-size:12px;line-height:1.45}.demo-account:nth-child(2){border-top-color:#557da0}.demo-account:nth-child(3){border-top-color:#9b709d}.demo-account:nth-child(4){border-top-color:#be8731}.demo-account:nth-child(5){border-top-color:#4e966f}.demo-use{width:100%;min-height:48px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;border:1px solid var(--demo-teal);border-radius:6px;background:var(--demo-teal);color:#fff;font-size:14px;font-weight:850}.demo-use span{font-size:20px;line-height:1}.demo-use:hover,.demo-use:focus-visible{background:var(--demo-teal-dark);border-color:var(--demo-teal-dark);outline:3px solid rgba(8,125,120,.22);outline-offset:2px}
@media(max-width:980px){.demo-intro{grid-template-columns:1fr;gap:30px}.demo-preview{max-width:640px}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-account,.demo-account:nth-child(4),.demo-account:last-child{grid-column:auto;width:100%;max-width:none;justify-self:stretch}}
@media(max-width:620px){.demo-login{padding:22px 18px 42px;gap:28px}.demo-brand img{width:170px}.demo-login h1{font-size:39px}.demo-copy{font-size:16px}.demo-facts{display:grid;grid-template-columns:1fr}.demo-preview{min-height:350px}.demo-preview-home{width:156px;min-height:94px}.demo-preview-home strong{font-size:17px}.demo-preview-item{min-width:0;padding:8px;font-size:10px;gap:4px}.demo-preview-item i{width:18px;height:18px;flex-basis:18px;font-size:9px}.item-one{top:6%}.item-two{left:77%;top:20%}.item-three{left:88%}.item-four{left:77%;top:80%}.item-five{top:94%}.item-six{left:23%;top:80%}.item-seven{left:12%}.item-eight{left:23%;top:20%}.demo-stage{padding:46px 16px 56px}.demo-grid{grid-template-columns:1fr}.demo-account,.demo-account:last-child{grid-column:auto;max-width:none;width:100%;min-height:0}}