.demo-login{isolation:isolate;min-height:100svh;color:var(--foreground);background:radial-gradient(ellipse at 12% 12%, #2867da10, transparent 48%), radial-gradient(ellipse at 90% 90%, #00a7970e, transparent 45%), var(--background);flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vh,64px) 20px 28px;display:flex;position:relative;overflow:clip}.demo-login-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#5792ff10 1px,#0000 1px),linear-gradient(90deg,#5792ff10 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 25%,#000 80%);mask-image:radial-gradient(#0000 25%,#000 80%)}.demo-login-surface{text-align:center;border:1px solid color-mix(in srgb, #2867da 13%, var(--border));background:var(--card);width:min(100%,520px);animation:hs-screen-in .48s var(--hs-motion-ease) both;border-radius:28px;flex-direction:column;align-items:center;padding:clamp(24px,4vw,40px) clamp(20px,5vw,48px);display:flex;box-shadow:0 24px 80px #142e6410,0 2px 8px #142e6405}.demo-login-badge{border:1px solid color-mix(in srgb, #0d9488 20%, var(--border));background:color-mix(in srgb, #0d9488 6%, var(--card));border-radius:100px;align-items:center;gap:8px;padding:6px 12px;font-size:.875rem;font-weight:600;display:inline-flex}.demo-login-badge>span{background:#0d9488;border-radius:50%;width:6px;height:6px}.demo-login-logo{margin:28px 0 22px}.demo-login-logo .hs-signal-logo{width:192px;height:192px}.demo-login-logo .hs-logo-tile{border-radius:32px;inset:35px}.demo-login-wordmark{letter-spacing:-.045em;font-size:clamp(2rem,7vw,2.625rem);font-weight:800;line-height:1.15}.demo-login h1{letter-spacing:-.035em;margin:10px 0 0;font-size:clamp(1.125rem,4vw,1.375rem);font-weight:600;line-height:1.5}.demo-login-description{color:var(--muted-foreground);margin:20px 0 28px;font-size:1rem;line-height:1.8}.demo-login-start[data-slot=button]{color:#fff;background:#2867da;border-radius:12px;gap:12px;width:100%;height:auto;min-height:54px;padding:15px 20px;font-size:1rem;font-weight:650;text-decoration:none;box-shadow:0 8px 20px #2867da24}.demo-login-start[data-slot=button]:hover{background:#2059c1}.demo-login-start[data-slot=button]:focus-visible{outline-offset:4px;outline:3px solid #2867da}.demo-login-start[data-slot=button] svg{width:20px;height:20px}.demo-login-access{color:var(--muted-foreground);margin:14px 0 0;font-size:.875rem;line-height:1.7}.demo-login-notice{border-top:1px solid var(--border);width:100%;color:var(--muted-foreground);word-break:keep-all;margin-top:26px;padding-top:22px;font-size:.875rem;line-height:1.8}.demo-login-footer{color:var(--muted-foreground);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin-top:26px;font-size:.875rem;display:flex}.demo-login-company{color:var(--foreground);letter-spacing:.12em;align-items:center;gap:8px;font-size:.875rem;font-weight:650;display:inline-flex}.demo-login-company .hs-company-image{background:#fff;border-radius:6px;width:28px;height:28px;padding:3px}@media (max-height:800px) and (min-width:601px){.demo-login{padding-top:24px;padding-bottom:20px}.demo-login-surface{padding-top:24px;padding-bottom:24px}.demo-login-logo{margin:18px 0}.demo-login-logo .hs-signal-logo{width:150px;height:150px}.demo-login-logo .hs-logo-tile{border-radius:25px;inset:27px}.demo-login-description{margin:14px 0 22px}.demo-login-notice{margin-top:20px;padding-top:16px}}@media (max-width:600px){.demo-login{padding:24px 16px}.demo-login-surface{border-radius:22px}.demo-login-logo .hs-signal-logo{width:164px;height:164px}.demo-login-logo .hs-logo-tile{border-radius:28px;inset:29px}}