.login-split{flex-direction:column;min-height:100dvh;display:flex}.login-photo{background:var(--accent-900);flex:none;height:clamp(180px,30svh,300px);position:relative;overflow:hidden}.login-photo-media{position:absolute;inset:0}.login-photo-img{object-fit:cover;will-change:transform;width:100%;height:100%;animation:40s ease-in-out infinite alternate login-kenburns;position:absolute;inset:0}@keyframes login-kenburns{0%{transform:scale(1.02)translate(0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}.login-photo-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-900) 80%, transparent) 0%, color-mix(in srgb, var(--accent-900) 76%, transparent) 72%, color-mix(in srgb, var(--accent-900) 30%, transparent) 100%);position:absolute;inset:0}.login-photo-fade{background:linear-gradient(180deg, transparent, var(--canvas));height:32%;position:absolute;bottom:0;left:0;right:0}.login-photo-text{color:var(--surface);animation:none;position:absolute;top:20px;left:24px;right:24px}.login-photo-icon{width:32px;height:32px;margin-bottom:12px;display:block}.login-photo-rule{background:var(--accent-highlight);border-radius:2px;width:48px;height:2px;margin-bottom:12px}.login-tagline{letter-spacing:-.02em;overflow-wrap:anywhere;max-width:520px;margin:0;font-size:22px;font-weight:600;line-height:1.15}.login-photo-footer{display:none}@media (min-width:900px){.login-split{flex-direction:row}.login-photo{flex:0 0 55%;height:auto}.login-photo-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-600) 24%, transparent) 0%, color-mix(in srgb, var(--accent-600) 32%, transparent) 40%, color-mix(in srgb, var(--accent-900) 80%, transparent) 72%, color-mix(in srgb, var(--accent-900) 88%, transparent) 100%), linear-gradient(90deg, color-mix(in srgb, var(--accent-600) 22%, transparent), transparent 60%)}.login-photo-fade{display:none}.login-photo-text{inset:auto 64px 112px}.login-photo-icon{width:48px;height:48px;margin-bottom:22px}.login-photo-rule{margin-bottom:18px}.login-tagline{font-size:34px}.login-photo-footer{color:var(--surface);margin:0;font-size:13.5px;font-weight:500;display:block;position:absolute;bottom:48px;left:64px;right:64px}}.login-right{isolation:isolate;background:var(--canvas);flex:1;min-width:0;position:relative}.login-right>.login-card-wrap{z-index:1;position:relative}.login-card-wrap{justify-content:center;margin-top:-48px;padding:0 16px 40px;display:flex}@media (min-width:900px){.login-right{overflow:hidden}.login-card-wrap{align-items:center;min-height:100dvh;margin-top:0;padding:40px 16px}}.login-card{border-radius:var(--radius-xl,.75rem);background:var(--surface);border:1px solid var(--border);box-shadow:0 24px 60px -28px color-mix(in srgb, var(--accent-900) 28%, transparent)}.login-card input,.login-card select,.login-card textarea{background-color:var(--surface)}.login-powered{white-space:nowrap;justify-content:center;align-items:center;gap:5px;margin-top:16px;display:flex}.login-powered img{width:auto;height:15px;transform:translateY(1px)}.login-waves{z-index:0;pointer-events:none;height:25%;min-height:200px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.login-wave{will-change:transform;width:200%;height:100%;position:absolute;bottom:0;left:0}.login-wave-0{fill:color-mix(in srgb, var(--accent-highlight) 9%, transparent);animation:64s linear infinite login-wave-left}.login-wave-1{fill:color-mix(in srgb, var(--accent-300) 12%, transparent);animation:52s linear infinite login-wave-right}.login-wave-2{fill:color-mix(in srgb, var(--accent-600) 8%, transparent);animation:44s linear infinite login-wave-left}.login-wave-3{fill:color-mix(in srgb, var(--accent-600) 12%, transparent);animation:38s linear infinite login-wave-right}@keyframes login-wave-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes login-wave-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.login-sample{background:var(--accent-900);border-radius:.5rem;height:132px;position:relative;overflow:hidden}.login-sample .login-photo-img{animation:none}.login-sample .login-photo-text{inset:auto 16px 16px}.login-sample .login-photo-rule{width:32px;margin-bottom:8px}.login-sample .login-tagline{font-size:18px}.login-sample .login-photo-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-600) 30%, transparent) 0%, color-mix(in srgb, var(--accent-900) 80%, transparent) 60%, color-mix(in srgb, var(--accent-900) 88%, transparent) 100%)}@media (prefers-reduced-motion:reduce){.login-photo-img{animation:none;transform:scale(1.04)}.login-wave{animation:none}}