:is(html:has(.login-shell),body:has(.login-shell)){height:100%;margin:0;overflow:hidden}.login-shell{--login-ink:#1d1d1f;--login-muted:#86868b;--login-yellow:#f5d565;--login-border:#e8e8ed;box-sizing:border-box;background:url(/images/sumibora-auth-background.png) center center/cover no-repeat,var(--login-yellow);height:100dvh;min-height:100dvh;color:var(--login-ink);font-family:var(--font-geist-sans),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.login-stage{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);height:100dvh;min-height:100dvh;display:grid}.login-stage-left{color:var(--login-ink);flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,3vw,2.75rem) clamp(1.5rem,4vw,3.5rem);display:flex;position:relative}.login-brand-mark{margin:0;line-height:0}.login-brand-logo-img{object-fit:contain;object-position:left center;width:auto;max-width:min(72vw,15rem);height:clamp(1.5rem,2.4vw,2.35rem);display:block}.login-hero-word{letter-spacing:-.05em;flex-direction:column;gap:0;margin:auto 0;font-size:clamp(4.5rem,14vw,10rem);font-weight:900;line-height:.88;display:flex}.login-stage-tagline{color:#1d1d1fb8;max-width:16rem;margin:0;font-size:clamp(.875rem,1.4vw,1.05rem);font-weight:500;line-height:1.45}.login-stage-right{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffb8;justify-content:center;align-items:center;padding:clamp(1.25rem,3vw,2.5rem);display:flex}.login-form-panel{width:min(100%,26rem)}.login-form-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--login-muted);margin:0;font-size:.625rem;font-weight:700}.login-form-title{letter-spacing:-.03em;margin:.35rem 0 0;font-size:clamp(1.65rem,3vw,2.15rem);font-weight:800;line-height:1.05}.login-form-lead{color:var(--login-muted);margin:.45rem 0 1.35rem;font-size:.9375rem;font-weight:500}.login-form{flex-direction:column;gap:0;display:flex}.login-form-alert{color:#1c1917;background:#f5f5f4;border:1px solid #e7e5e4;border-radius:.75rem;margin-bottom:.85rem;padding:.7rem .8rem;font-size:.8125rem;font-weight:600;line-height:1.35}.login-form-alert a{color:var(--login-ink);font-weight:700}.login-form-field{margin-bottom:.85rem}.login-form-field label{letter-spacing:.1em;text-transform:uppercase;color:var(--login-muted);margin-bottom:.35rem;font-size:.625rem;font-weight:700;display:block}.login-form-input{border:1px solid var(--login-border);background:#fff;border-radius:.85rem;align-items:center;gap:.55rem;height:3rem;padding:0 .75rem 0 .65rem;transition:border-color .15s,box-shadow .15s;display:flex}.login-form-input:focus-within{border-color:#ffd98e;box-shadow:0 0 0 3px #ffd98e59}.login-form-input-icon{color:#48484a;flex-shrink:0;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;display:flex}.login-form-input-icon svg{width:100%;height:100%}.login-form-input input{min-width:0;color:var(--login-ink);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:.9375rem;font-weight:500}.login-form-input input::placeholder{color:#aeaeb2}.login-form-eye{width:2rem;height:2rem;color:var(--login-muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.login-form-eye svg{width:1.05rem;height:1.05rem}.login-form-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8125rem;display:flex}.login-form-check{color:var(--login-muted);cursor:pointer;align-items:center;gap:.4rem;font-weight:500;display:inline-flex}.login-form-row a{color:var(--login-muted);font-weight:600;text-decoration:none}.login-form-row a:hover{color:var(--login-ink)}.login-form-submit{color:#fff;cursor:pointer;background:#1d1d1f;border:0;border-radius:9999px;justify-content:space-between;align-items:center;gap:.5rem;width:100%;height:3.1rem;padding:0 1rem;font-size:.9375rem;font-weight:700;transition:background .15s,transform .12s;display:flex}.login-form-submit:hover:not(:disabled){background:#000;transform:translateY(-1px)}.login-form-submit:disabled{opacity:.55;cursor:not-allowed}.login-form-submit-arrow{background:#ffffff24;border-radius:9999px;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;font-size:.95rem;display:inline-flex}.login-form-divider{color:var(--login-muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.65rem;margin:1rem 0 .85rem;font-size:.625rem;font-weight:700;display:flex}.login-form-divider:before,.login-form-divider:after{content:"";background:var(--login-border);flex:1;height:1px}.login-form-google{border:1px solid var(--login-border);width:100%;height:3rem;color:var(--login-ink);cursor:pointer;background:#fff;border-radius:9999px;justify-content:center;align-items:center;gap:.55rem;font-size:.875rem;font-weight:700;display:flex}.login-form-google:hover:not(:disabled){background:#fafafa;border-color:#d1d1d6}.login-form-google:disabled{opacity:.55;cursor:not-allowed}.login-form-google-mark{background:#f5f5f7;border-radius:9999px;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;font-size:.8rem;font-weight:900;display:inline-flex}.login-form-footer{text-align:center;color:var(--login-muted);margin:1.1rem 0 0;font-size:.875rem;font-weight:500}.login-form-footer a{color:var(--login-ink);font-weight:800;text-decoration:none;box-shadow:inset 0 -.35em #fde68a}.login-form-footer a:hover{box-shadow:inset 0 -.45em #fde68a}@media (max-width:960px){:is(html:has(.login-shell),body:has(.login-shell)){overflow:auto}.login-shell{height:auto;min-height:100dvh;overflow:auto}.login-stage{grid-template-columns:1fr;height:auto;min-height:100dvh}.login-stage-left{min-height:38vh;padding-bottom:1rem}.login-hero-word{margin:1rem 0;font-size:clamp(3.5rem,18vw,6rem)}.login-stage-right{background:#fff;padding-top:0}.login-form-panel{width:min(100%,28rem);margin:0 auto}}.login-demo-pin{text-align:center;max-width:22rem;margin:0 auto}.login-demo-pin--loading{padding:2rem 0}.login-demo-pin-title{color:var(--login-ink);margin:0 0 .5rem;font-size:1.35rem;font-weight:700}.login-demo-pin-lead{color:var(--login-muted);margin:0 0 1.25rem;font-size:.9375rem;line-height:1.5}.login-demo-pin-form{text-align:left;flex-direction:column;gap:.75rem;display:flex}.login-demo-pin-input{letter-spacing:.15em;text-align:center;border:1px solid var(--login-border);box-sizing:border-box;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-size:1.125rem}