.preview-signin-page{z-index:1;grid-template-columns:1.15fr 1fr;align-items:stretch;height:100dvh;display:grid;position:relative;overflow:hidden}@media (max-width:60rem){.preview-signin-page{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}}.preview-signin-page.preview-signin-page-scroll{height:auto;min-height:100dvh;overflow:visible}.preview-signin-left{flex-direction:column;justify-content:flex-start;gap:clamp(1rem,2.5vh,1.75rem);min-height:0;padding:clamp(1.5rem,4vh,3rem) clamp(1.5rem,5vw,4.5rem);display:flex}@media (max-width:60rem){.preview-signin-left{text-align:center;align-items:center;padding-bottom:1rem}}.preview-signin-mark{flex-shrink:0;width:2.5rem;height:2.5rem;display:block}.preview-signin-title{letter-spacing:-.03em;max-width:22rem;margin:0;font-size:clamp(1.6rem,2.6vw,2.5rem);font-weight:700;line-height:1.12}.preview-signin-title .lab-grad{background:var(--lab-primary);color:#0000;-webkit-background-clip:text;background-clip:text}.preview-signin-sub{max-width:26rem;color:var(--lab-ink-muted);margin:0;font-size:.95rem}.preview-signin-photos{flex-shrink:0;width:min(24rem,85vw);height:clamp(9rem,20vh,13rem);position:relative}@media (max-width:60rem){.preview-signin-photos{margin-inline:auto}}.preview-signin-photo{object-fit:cover;border-radius:var(--lab-radius-md);border:1px solid var(--lab-border-strong);width:44%;height:100%;box-shadow:var(--lab-shadow-card);position:absolute}.preview-signin-photo-a{z-index:1;top:0;left:0;transform:rotate(-6deg)}.preview-signin-photo-b{z-index:2;top:8%;left:28%;transform:rotate(5deg)}.preview-signin-photo-c{z-index:3;top:2%;left:56%;transform:rotate(-3deg)}.preview-signin-right{border-left:1px solid var(--lab-border-strong);background:color-mix(in srgb, var(--lab-glass-bg), transparent 40%);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;min-height:0;padding:clamp(1rem,2.5vh,2.5rem) clamp(1.25rem,4vw,3rem);display:flex}@media (max-width:60rem){.preview-signin-left{display:none}.preview-signin-right{border-left:none;min-height:100dvh}}.preview-signin-card{border-radius:var(--lab-radius-lg);background:var(--surface);border:1px solid var(--line-strong);width:100%;max-width:22rem;box-shadow:var(--lab-shadow-card);padding:clamp(1.25rem,3vh,1.75rem) 1.5rem}@media (min-width:60.01rem){.preview-signin-card{max-width:28rem;padding:clamp(2rem,4vh,3rem) 2.25rem}}.preview-signin-card h2{color:var(--ink);margin:0 0 .85rem;font-size:1.05rem;font-weight:700}.preview-signin-create{text-align:center;border-radius:var(--lab-radius-md);border:1px solid var(--lab-border-strong);width:100%;color:var(--lab-ink);transition:background .2s var(--lab-ease), border-color .2s;margin-top:.75rem;padding:.6rem 1.3rem;font-size:.9rem;font-weight:600;text-decoration:none;display:block}.preview-signin-create:hover{background:var(--lab-surface);border-color:var(--lab-cyan)}.preview-signin-footer-brand{color:var(--lab-ink-faint);letter-spacing:.02em;font-size:.8rem;font-weight:600}.preview-signin-controls{z-index:2;align-items:center;gap:.6rem;display:flex;position:fixed;top:clamp(.85rem,2vh,1.5rem);right:clamp(1rem,3vw,2rem)}.preview-signin-guest{color:var(--lab-ink-faint);text-align:center;margin:0;font-size:.8rem;line-height:1.4}.preview-signin-guest a{color:var(--lab-ink);font-weight:600}