.demo-entry{color:#102c31;background:#f7f8f4;min-height:100dvh}.demo-entry [data-slot=button]{min-height:48px}.demo-entry header{justify-content:space-between;align-items:center;max-width:1440px;margin:auto;padding:24px 40px;display:flex}.demo-entry-main{max-width:550px;padding:24px 24px 60px}.demo-back{color:#43675b;align-items:center;gap:8px;min-height:48px;margin-bottom:12px;font-size:.9rem;display:inline-flex}.demo-entry-card{background:#fff;border:1px solid #d8e3dc;border-radius:20px;padding:32px;box-shadow:0 12px 45px #19382b06}.demo-entry-symbol{border:1px solid #d8e3dc;border-radius:14px;margin-bottom:24px;padding:6px;display:inline-flex}.demo-entry-card h1{letter-spacing:-.04em;font-family:Georgia,serif;font-size:2.55rem;font-weight:400}.demo-entry-card>p:not(.eyebrow){color:#536b63;font-size:.95rem;line-height:1.65}.demo-account{background:#f4f7f3;border-radius:12px;align-items:center;gap:12px;margin:28px 0;padding:15px;display:flex}.demo-account>span{color:#20634d;background:#e2efe4;border-radius:11px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:600;display:grid}.demo-account small{color:#536b63;margin-top:4px;font-size:.75rem;display:block}.demo-entry-card form label{margin-bottom:8px;font-size:.9rem;font-weight:550;display:block}.demo-entry-card form input{min-height:52px;box-shadow:none;border-color:#a8bcb2;font-size:1rem}.demo-entry-card form p{color:#536b63;margin:10px 0 20px;font-size:.82rem;line-height:1.6}.demo-entry-card form [role=alert]{color:#a32f2f}.demo-entry-card form button{width:100%}.demo-entry-card .demo-entry-note{align-items:flex-start;gap:8px;margin-top:22px;font-size:.8rem;display:flex}.demo-entry-note svg{flex-shrink:0;margin-top:3px}.demo-entry-footnote{color:#62756d;text-align:center;padding:22px 10px;font-size:.8rem;line-height:1.65}.demo-entry-main{margin:0 auto}.full-demo-controls{gap:20px;padding:24px;display:grid}.full-demo-controls p{font-size:1rem;line-height:1.6}.full-demo-controls [data-slot=button]{white-space:normal;min-height:48px}.demo-controls-trigger{min-height:44px}.tandem-sidebar .quipaye-brand{max-width:190px}.brand-home:has(.quipaye-brand){background:#fff}.brand-home .quipaye-brand img{mix-blend-mode:normal;width:40px;height:40px}@media (max-width:600px){.demo-entry header{padding:20px}.demo-entry-card{padding:24px}.demo-entry-main{padding:8px 16px 40px}.demo-entry-card h1{font-size:2.2rem}.top-actions .demo-controls-trigger{padding-inline:8px}}