.ooperflow-login{background:var(--canvas);min-height:100dvh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.ooperflow-login-card{align-items:stretch;gap:var(--space-4);width:100%;max-width:22rem;padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);flex-direction:column;display:flex}.ooperflow-login-brand{align-items:center;gap:var(--space-2);font-size:var(--text-title);color:var(--text-primary);font-weight:600;display:flex}.ooperflow-login-brand h1{font:inherit;color:inherit;margin:0}.ooperflow-login-tagline{color:var(--text-secondary);font-size:var(--text-body);margin:0 0 var(--space-2)}.ooperflow-login-guest-hint{margin:calc(var(--space-2) * -1) 0 0;text-align:center}.ooperflow-login-divider{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-caption);text-transform:uppercase;display:flex}.ooperflow-login-divider:before,.ooperflow-login-divider:after{content:"";background:var(--border);flex:1;height:1px}.ooperflow-login-devbox{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--border);gap:var(--space-2);flex-direction:column;display:flex}